解决vue刷新vuex数据丢失问题

以前的做法是通过localstorage、sessionstorage方式解决，

created(){
      if (sessionStorage.getItem("store") ) {
        this.$store.replaceState(Object.assign({}, JSON.parse(sessionStorage.getItem("store"))))
      }
 
      window.addEventListener("beforeunload",()=>{
        sessionStorage.setItem("store",JSON.stringify(this.$store.state))
      })
    }

现在可以使用插件

npm install --save vuex-persistedstate

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

export default new Vuex.Store({
  state: {},
  mutations: {},
  actions: {},
  modules: {},
  //添加配置
  plugins: [createPersistedState()]
});