Vuex 数据持久化（vuex-persistedstate）

安装

vuex-persistedstate

导入

import createPersistedState from 'vuex-persistedstate'

vuex-persistedstate 持久化模式

默认 ：localStorage
可配置为 sessionStorage

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

使用

const store = new Vuex.Store({
  modules: {
    user: {},
  },
  getters,
  actions, // 异步
  mutations, // 同步
  plugins: [createPersistedState({ 
      // storage:window.sessionStorage,  
    }
  )],

})

多 modules 版本

const store = new Vuex.Store({
  modules: {
    user: {},
    menu: [],
  },
  getters,
  actions, // 异步
  mutations, // 同步
  plugins: [createPersistedState({ })],

})