vuex-persistedstate（ Vue Vuex狀態持久化處理）

Vuex狀態機制，一刷新就會重置，解決問題的方式一般都是存儲起來(session/local Storage)，vuex-persistedstate插件幫我們集成了這些功能。

更多參數配置詳情點擊：npm，github

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;

 

記錄進步每一天。