一.安装
npm install vuex-persistedstate --save
二.store的index.js中引入
import Vue from “vue”;
import Vuex from “vuex”;
import {
number
} from ‘./number/number.module.js’; //导入number模块的vuex的数据
import createPersistedState from “vuex-persistedstate”
Vue.use(Vuex);
const state = {
// 全屏状态
fullScreen: false,
}
const getters = {
fullScreen: state => state.fullScreen,
}
const mutations = {
}
const actions = {
}
console.log(number)
//vuex模块化 index是主体文件 按功能模块导入
export default new Vuex.Store({
namespaced: true,
state,
getters,
mutations,
actions,
//子模块的注入
modules: {
number
},
plugins: [createPersistedState({
storage: window.sessionStorage,//sessionStorage
reducer(val) {
console.log(val, ‘38--------------’, )
return {
fullScreen: val.fullScreen, // 储存state中的fullScreen
number: {
count: val.number.count
}, //储存number模块state中的count;
}
}
})]
});
三.查看本地储存 sessionStorage
四.在页面中使用