vuex-persistedstate( Vue Vuex状态持久化处理)
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;
记录进步每一天。