vue开发--vue页面刷新state丢失，vuex数据持久化plugins

vuex数据持久化插件可保存vuex数据至storage中

import Vue from 'vue'
import Vuex from 'vuex'
// 引入数据模块
import app from './modules/app'
import user from './modules/user'

Vue.use(Vuex)

const store = new Vuex.Store({
  // 数据持久化配置
  plugins: [createPersistedState({
    // 持久化存储的方式
    storage: window.sessionStorage,
    reducer(val) {
      return {
        //放入要持久化存储的数据模块
        user: val.user
      }
    }
  })],
  modules: {
    //引入的数据模块
    app,
    user
  },
  getters
})

export default store