vue3使用vuex-persistedstate把数据存在sessionStorage
第一步,安装vuex-persistedstatenpm i vuex-persistedstate第二步,引入import createPersistedState from 'vuex-persistedstate'第三步,配置,export default createStore({modules: {cart,user,category},// 配置vuex插件vuex-persisted
·
第一步,安装vuex-persistedstate
npm i vuex-persistedstate
第二步,引入
import createPersistedState from 'vuex-persistedstate'
第三步,配置,
export default createStore({
modules: {
cart,
user,
category
},
// 配置vuex插件vuex-persistedstate
plugins: [
createPersistedState({
// 默认存储在localStorage 现改为sessionStorage
storage: window.sessionStorage,
// 本地存储数据的键名
key: 'mine',
// 指定需要存储的模块,如果是模块下具体的数据需要加上模块名称,如user.token
paths: ['user', 'cart']
})
]
})
同时配置两种可以参考:Vuex持久化插件,同时配置sessionStorage,localStorage两种方式_meteorites的博客-CSDN博客
更多推荐
已为社区贡献1条内容
所有评论(0)