vue中使用vuex-persistedstate插件实现数据持久化

vuex可以进行全局的状态管理，但刷新后数据会消失。vuex-persistedstate会将vuex的store中的数据默认缓存到浏览器的localStorage中

安装vuex-persistedstate

cnpm i -S vuex-persistedstate

store/index.js中引入

import createPersistedState from 'vuex-persistedstate';

使用

添加以下一行即可：

plugins: [createPersistedState()]

 默认存储在localstorage中，并且state中的数据将默认全部持久化

 如果想要存储在sessionStorage中，或者持久化指定数据，按照以下配置即可

plugins: [createPersistedState({
        storage: window.sessionStorage,
        reducer:state => {
            return {
                userinfo: state.userinfo
            };
        }
    })]