Vuex 保存在state的状态如果默认情况下,刷新页面的时候,vue 是state会清空,显然在有些时候,这样是不合理的。所以,我们将vuex的状态抽取出来放到localStorage 中,这样就可以是状态持久化,而vuex刚好提供了一个插件,可以很方便的是状态持久化。
1.导入 vuex-persistedstate (cnpm install vuex-persistedstate --save)
接下来,直接调用即可,
import Vue from 'vue';
import Vuex from 'vuex';
import createPersistedState from 'vuex-persistedstate';
import app from './modules/app';
import user from './modules/user';
Vue.use(Vuex);
const store = new Vuex.Store({
state: {
//
},
mutations: {
//
},
actions: {
},
modules: {
app,
user
},
plugins: [createPersistedState()]
});
export default store;
关键点,引入
plugins: [createPersistedState()]