vuex-persistedstate

• 安装插件

npm install --save vuex-persistedstate

• 使用方法

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数据持久化配置 */ 
    plugins: [ 
        createPersistedState({ 
            // 存储方式：localStorage、sessionStorage、cookies 
            storage: window.sessionStorage, 
            // 存储的 key 的key值 
            key: "store",
            render(state) { 
            // 要存储的数据：本项目采用es6扩展运算符的方式存储了state中所有的数据 
            return { ...state };
            }
        })
    ]
}); 
export default store;

转自# Vuex数据持久化存储