yarn add vuex-persistedstate
// 或
npm install --save vuex-persistedstate

import Vue from 'vue'
import Vuex from 'vuex'
// 引入插件
import createPersistedState from "vuex-persistedstate";
Vue.use(Vuex)
const state = {};
const mutations = {};
const actions = {};
const store = new Vuex.Store({
	state,
	mutations,
	actions,
    /* vuex數(shù)據(jù)持久化配置 */
	plugins: [
		createPersistedState({
            // 存儲(chǔ)方式：localStorage、sessionStorage、cookies  默認(rèn): localStorage
			storage: window.sessionStorage,
            // 存儲(chǔ)的 key 的key值
			key: "store",
			render(state) {
                // 要存儲(chǔ)的數(shù)據(jù)：本項(xiàng)目采用es6擴(kuò)展運(yùn)算符的方式存儲(chǔ)了state中所有的數(shù)據(jù)
				return { ...state };
			}
		})
	]
});
export default store;

import Vue from 'vue'
import Vuex from 'vuex'
// 引入插件
import createPersistedState from "vuex-persistedstate";
Vue.use(Vuex)
const state = () => {
    return {
        token: '',
        uid: ''
    }
}
const store = new Vuex.Store({
    // ...
    plugins: [createPersistedState({
        storage: window.sessionStorage,
        reducer(val) {  // val就是上面的state
            return {
                // 只儲(chǔ)存state中的token，而不會(huì)緩存uid
                token: val.token
            }
        }
    })]
})

/* user-module */
export const user = {
    state: {
        token: '',
        role: ''
    }
}
/* profile-module */
export const profile = {
    state: {
        name: '',
        company: ''
    }
}
/* modules目錄下的index.js */
import user from './user'
import profile from './profile'
export default {
    user,
    profile
}
/* store.js */
import modules from './modules'
let store = new Vuex.Store({
    modules,
    plugins: [
        createPersistedState({
            key: 'zdao',
            paths: ['user'] // 這里便只會(huì)緩存user下的state值
        })
    ]
})