1、安装插件: npm i pinia-plugin-persist --save
2、在store/index.js里
import { createPinia } from 'pinia'
import piniaPluginPersist from 'pinia-plugin-persist'
const pinia= createPinia()
pinia.use(piniaPluginPersist)
export default pinia
3、export const useUserStore = defineStore({ id: 'user',
state: () => { return { name: '张三' }
},
// 开启数据缓存
persist: { enabled: true,
数据默认存在 sessionStorage 里,并且会以 store 的 id 作为 key。
strategies: [
{ key: 'my_user',
storage: localStorage,
}]
}
})
4、也可以局部缓存
persist: { enabled: true, strategies: [ { storage: localStorage, paths: ['name', 'age'] } ] }