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()]

})

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。