我们每次重新刷新页面时，页面的数据就会消失，为了解决这个问题，我们采用vuex的数据持久化

安装

        npm install vuex-persistedstate --save                                                                            

 配置，在store下的index.js下配置

使用vuex-persistedstate默认存储到localStorage

import createPersistedState from "vuex-persistedstate"

export default new Vuex.Store({
    state: {},
    mutations: {},
    actions: {},
    modules: {},
    plugins: [createPersistedState()]
})

使用vuex-persistedstate存储到sessionStorage

import createPersistedState from "vuex-persistedstate"

export default new Vuex.Store({
    state: {},
    mutations: {},
    actions: {},
    modules: {},
    plugins: [createPersistedState({

        storage: window.sessionStorage
    })]
})

标签：状态,持久,mutations,export,plugins,persistedstate,vuex,createPersistedState
来源： https://blog.csdn.net/qq_60976312/article/details/121398839