vuex数据持久化

最近公司里的一个项目，登录之后用户的数据和权限保存在vux中，在各个页面调用，这里就遇到了vuex数据持久化的问题：登陆之后，数据保存进了vuex中，但是如果刷新了页面，数据就会被清空。

解决办法也很简单：

1.npm install  vuex-persistedstate   安装依赖

2. 在store/index.js文件中添加下面代码

import persistedState from 'vuex-persistedstate'

在 export default new Vuex.Store中添加： plugins: [persistedState()]

即：

import persistedState from 'vuex-persistedstate'

export default new Vuex.Store({

getters,

state,

actions,

mutations,

plugins: [persistedState()]

})