Vuex状态机制,一刷新就会重置,解决问题的方式一般都是存储起来(session/local Storage),vuex-persistedstate插件帮我们集成了这些功能。
npm install vuex-persistedstate --save
store/index.js
import Vue from "vue";
import Vuex from "vuex";
import persistedState from "vuex-persistedstate";
import modules1 from "./modules1";
import modules2 from "./modules2";
import modules3 from "./modules3";
import modules4 from "./modules4";
Vue.use(Vuex);
const store = new Vuex.Store({
modules: {
modules1,
modules2,
modules3,
modules4
},
getters,
plugins: [persistedState({
key: "per-vuex", // 浏览器中的名字
paths: ["modules1", "modules2"] // 需要存储起来的参数模块
})]
});
export default store;
记录进步每一天。