Vuex-persistedstate指定本地化存儲的模塊

咱們知道,使用Vuex-persistedstate插件,可讓vuex自動存儲在localstorage中.當咱們使用模塊的方式劃分vuex的時候,vuex-persistedstate會默認將全部的模塊都存儲在本地.

/**
 * vuex的入口文件
 */
import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from "vuex-persistedstate/index"

Vue.use(Vuex);

import {article} from "@/store/article";
import {user} from "@/store/user";
import {category} from "@/store/category";
import {editor} from "@/store/editor";

export default new Vuex.Store({
  modules: {
    article,
    user,
    editor,
    category
  },
  plugins: [createPersistedState()]
})

複製代碼

若是隻想讓指定的模塊存儲在本地, 咱們能夠以下添加參數.

plugins: [createPersistedState({
    paths: ["user"]
})]
複製代碼