美文网首页
vuex 存储状态刷新丢失问题优化

vuex 存储状态刷新丢失问题优化

作者: 扶得一人醉如苏沐晨 | 来源:发表于2022-06-03 08:14 被阅读0次

1、在App主组建里的created生命周期中监听beforeunload事件

直接将 this.$store.state 整个存储进本地缓存

1)这里我们介绍一下this.$store.replaceState(obj)

这个obj就是需要替代原来this.$store的值

2)再来看一下Object.assign()方法

Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。Object.assign(target,...sources)【target:目标对象】,【souce:源对象(可多个)】

返回值:合并后的对象


如果下面这样写,会改变目标对象data的值:

此处目标对象是data,源对象是{grade:"张三"},所以会改变data的值

键名重复会被覆盖

相关文章

网友评论

      本文标题:vuex 存储状态刷新丢失问题优化

      本文链接:https://www.haomeiwen.com/subject/rdffmrtx.html