vue 将vuex数据实时储存至sessionStorage

import Vue from 'vue';
import Vuex from 'vuex';
import createPersistedState from 'vuex-persistedstate';

Vue.use(Vuex);

export default new Vuex.Store({
  state: { // 存储状态,也就是变量

    token: '',

  },
  mutations: { // 必须是同步函数 提交状态修改。也就是set、get中的set. 外部调用：store.commit('SET_AGE', 18)
  

    setMaintenance(state, Maintenance) {
      state.Maintenance = Maintenance;
    },
  },
  actions: { // 和mutations类似。不过actions支持异步操作,外部调用方式：store.dispatch('nameAsyn')。
  },
  modules: { // store的子模块，内容就相当于是store的一个实例, store.a.getters.xxx()。
  },
  // 这是把所有数据缓存到本地 也可以进行配置
  plugins: [
    // createPersistedState()
    createPersistedState({ storage: window.sessionStorage }),
  ],
});