Vuex状态持久化—vuex-persistedstate

vuex-persistedstate 使用浏览器的本地存储（ local storage ）对状态（ state ）进行持久化。这意味着刷新页面或关闭标签页都不会删除你的数据。
安装：

npm install vuex-persistedstate --save-dev

在store文件夹的index.js引入

import createPersistedState from 'vuex-persistedstate'

初始化vuex 加入插件

const store = new Vuex.Store({
  modules: {
    user,
    groupBuying,
    clearance
  },
  getters,
  plugins: [createPersistedState()]
})

默认用的是localStorage的存储方式，因为本项目需求需要改成sessionStorage的存储方式，在配置里面改为，如果有其他配置可以参考官方api

plugins: [createPersistedState(
    { storage: window.sessionStorage }
  )]

vuex-persistedstate GitHub 地址