vuex持久化

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。但是开发者往往把他当作数据仓库使用（确实香），但是vuex储存的状态在用户刷新（F5)之后状态就重置了，数据丢失。传统的前端保存数据是在 localStorage或sessionStorage，但是它俩的操作性远远不如vuex。这时候就可以采取把他们结合的方法。插件 vuex-persistedstate插件就能完美解决这个需求。
安装方式
npm install vuex-persistedstate --save

配置 index.js（vue3.x环境、vue2.x同样使用）

import createPersistedState from "vuex-persistedstate"

export default createStore({
  state: {
   ....
  },
  mutations: mutations,
  actions:actions,
  getters:getters,
  //模块导入
  modules:modules,
  plugins: [createPersistedState({
  //注意这里。。。。。。。。。。。。
    storage:window.sessionStorage
})]
})