刷新后vuex数据丢失解决方案- vuex-persistedstate持久化插件

问题: 刷新后vuex数据丢失导致页面报错
解决: 使用vuex的插件vuex-persistedstate

1. 安装
   npm install --save vuex-persistedstate

2. 在store文件中进行配置

import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate' //  /引入插件
Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
  },
  actions: {
  },
  mutations: {
  },
  // 进行配置: 这里是把数据缓存到本地sessionStorage
  plugins: [
    createPersistedState({
      storage: window.sessionStorage
    })
  ]

搞定, 刷新后sessionStorage中存储了vuex的数据,页面报错问题解决