第一步,安装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博客

Logo

前往低代码交流专区

更多推荐