Vue笔记-Vuex刷新state数据消失怎么办?使用状态持久化来解决

在使用vuex的过程中会发现只要一刷新,state里的数据就会清空,因为vue的数据是保存在内存中,所以需要状态持久化的解决方案,一般大家会推荐使用html5自带的localStorage,也可以使用vuex专用的vuex-persistedstate,

安装:
npm i --save vuex-persistedstate

使用:只需要在store主体文件内引入即可:

import persistedState from 'vuex-persistedstate' //首先引入
const store = new Vuex.Store({ 
// ... 
plugins: [persistedState ()] //加上这个就可以了 
})
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值