可以直接使用pinia-plugin-persistedstate插件。
- 安装插件
npm install pinia-plugin-persistedstate
- 引入插件
*main.js*
import { createPinia } from 'pinia';
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
const pinia = createPinia();
pinia.use(piniaPluginPersistedstate);
- 使用pinia时添加persist属性。
export const useUsersStore = defineStore('users', {
state: () => {
return {
userInfo: <User.UserInfo>{},
};
},
// pinia持久化插件属性
persist: true,
});