Pinia持久化存储数据

1、安装插件 pinia-plugin-persistedstate

npm i  pinia-plugin-persistedstate

2、在创建pinia实例的地方进行 导入并挂载

import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

const pinia = createPinia();
pinia.use(piniaPluginPersistedstate);

3、在创建仓库的地方进行开启，如果只写这个，代表这里面的数据全部保存

const useHomeStore = defineStore("home",{
  // 开启数据持久化
  persist: true
  // ...省略
});

4、可以按需开启，需要添加strategies:[]

 

5、官方地址：

https://www.npmjs.com/package/pinia-plugin-persistedstate