Pinia如何实现持久化存储?

434 阅读1分钟

可以直接使用pinia-plugin-persistedstate插件。

  1. 安装插件
npm install pinia-plugin-persistedstate
  1. 引入插件
*main.js*
import { createPinia } from 'pinia';
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';

const pinia = createPinia();
pinia.use(piniaPluginPersistedstate);
  1. 使用pinia时添加persist属性。
export const useUsersStore = defineStore('users', {
  state: () => {
    return {
      userInfo: <User.UserInfo>{},
    };
  },
  // pinia持久化插件属性
  persist: true,
});