vuex：页面刷新之后数据丢失问题：vuex-persistedstate

插件vuex-persistedstate

npm install vuex-persistedstate  --save

引入及配置

在store下的index.js中

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

存储到sessionStorage（cookie与localStore一样）:

import Vue from 'vue'
import Vuex from 'vuex'
import getters from './getters'
import user from './modules/user'
import createPersistedState from "vuex-persistedstate" // vuex-persistedstate默认持久化所有state，指定需要持久化的state
Vue.use(Vuex)

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

vuex-persistedstate默认持久化所有state，指定需要持久化的state,配置如下：
plugins后面加数组可以配置多个

复制import Vue from 'vue'
import Vuex from 'vuex'
import getters from './getters'
import user from './modules/user'
import createPersistedState from "vuex-persistedstate" // vuex-persistedstate默认持久化所有state，指定需要持久化的state
Vue.use(Vuex)

export default new Vuex.Store({
  modules: { user },
  getters,
  plugins: [
    createPersistedState({
      storage: window.sessionStorage,
      reducer(val) {
          return {
          // 只储存state中的user
          user: val.user
        }
    }
    })
  ]
})