pinia持久化

发布时间 2023-11-12 02:59:48作者: Baipei

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'] } ] }