我们每次重新刷新页面时，页面的数据就会消失，为了解决这个问题，我们采用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
    })]
})