监听数据改变 得到一个值并把值保存到本地
watch: {
list: {
deep: true,
handler(newVal) {
localStorage.setItem("list", JSON.stringify(newVal));
},
},
},
在数据中可以取出保存到本地中的值 注意这个值是字符串形式 需要进行转换
list: JSON.parse(localStorage.getItem("list"))||[],
这篇博客探讨了如何使用Vue的watch属性监听数据变化,并将更新后的值保存到本地存储中。通过设置`deep: true`确保深层对象的监听,并使用`localStorage.setItem`将数据转化为JSON字符串存储。当需要从本地读取时,使用`JSON.parse`进行解析。这种方法对于实现应用数据持久化非常有用。
3028

被折叠的 条评论
为什么被折叠?



