1、下载引入
// 下载pinia持久化插件 pinia-plugin-persistedstate
npm install pinia-plugin-persistedstate
// 直接在main.ts 中引入(也可以单独整理成一个文件)
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)
app.use(pinia)
2、持久化插件使用
import ( defineStore ) form 'pinia'
const enum piniaIds {
user = 'user'
}
export const useTextPinia = defineStore(piniaIds.user , {
// 状态
state: () => {
return {
textName: ''
}
},
// 类似状态的计算属性,修饰数据
getter: {
},
// 可同步异步操作数据
actions: {
},
// 持久化插件使用
// persist:true
persist: {
storage: localStorage,
paths: ['textName']
}
})
3、持久化插件配置文档地址
配置 | pinia-plugin-persistedstate