Vuex持久化插件(vuex-persistedstate)-解决刷新数据消失的问题

1.安装

npm install vuex-persistedstate --save
2.在store中的index.js进行配置

import createPersistedState from "vuex-persistedstate"
const store = new Vuex.Store({
  // ...
  plugins: [createPersistedState()]
})

3.指定需要持久化的state

import createPersistedState from "vuex-persistedstate"
const store = new Vuex.Store({
  // ...
  plugins: [createPersistedState({
      storage: window.sessionStorage,
      reducer(val) {
          return {
          // 只储存state中的assessmentData
          assessmentData: val.assessmentData
        }
     }
  })]

4.对所有的state进行存储

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

需要说明的是plugins是一个数组