vuex 刷新浏览器页面导致数据丢失

可以使用vuex-persistedstate这一插件来解决

npm i vuex-persistedstate

store/index.js

先引入插件 后配置参数

import createPersistedState from 'vuex-persistedstate'

Vue.use(Vuex)
// 创建实例
export default new Vuex.Store({
  modules: {
    tab
  },
  plugins:[createPersistedState()]
})

这边场景是侧边栏和tag栏组件因为浏览器刷新导致已经打开多个tag得页面无数据，即原先tag栏数据丢失