目录
1 安装插件
npm i pinia-plugin-persist --legacy-peer-deps
2 main.js中引入插件,并将插件传给pinia
// 引入pinia
import { createPinia } from 'pinia'
import piniaPluginPersist from 'pinia-plugin-persist'
const pinia = createPinia()
pinia.use(piniaPluginPersist)
app.use(pinia)
3 在定义store时,开启persist
import { defineStore } from 'pinia'
export default defineStore('commonStore', {
//开启数据存储
persist: { enabled: true },
state: () => {
return {
info: {}
}
},
})
4 persist配置项
persist: {
enabled: true,
strategies: [
{
key: 'all', //存储的key值,默认为store名,如本例:commonStore
storage: localStorage, //存储的位置,默认为sessionStorage
path: ['info'] //需要存储的state状态,默认为所有
}
]
},