vuex在页面刷新后数据的解决方法

vuex在页面F5刷新后数据丢失，如果在页面刷新之前将数据存储在不会消失的地方，在页面重新加载再讲数值赋值回来就OK

这里用到一个插件 vuex-persistedstate

npm install --save vuex-persistedstate

在store 的 index.js 引入

import createPersistedState from 'vuex-persistedstate'

export default new Vuex.Store({
  plugins: [
    createPersistedState(),
    createPersistedState({
      storage: window.sessionStorage
    })
  ]
......
)}

我这里用的方法是存储在 sessionstorage 、localstorage里