vue数据存储到本地

Nikki_u

已于 2022-03-27 20:49:56 修改

阅读量4.9k

点赞数 2

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端

于 2022-03-10 16:46:28 首次发布

本文链接：https://blog.youkuaiyun.com/Nikki_u/article/details/123405432

这篇博客探讨了如何使用Vue的watch属性监听数据变化，并将更新后的值保存到本地存储中。通过设置`deep: true`确保深层对象的监听，并使用`localStorage.setItem`将数据转化为JSON字符串存储。当需要从本地读取时，使用`JSON.parse`进行解析。这种方法对于实现应用数据持久化非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

监听数据改变得到一个值并把值保存到本地

  watch: {
    list: {
      deep: true,
      handler(newVal) {
        localStorage.setItem("list", JSON.stringify(newVal));
      },
    },
  },

在数据中可以取出保存到本地中的值注意这个值是字符串形式需要进行转换

list: JSON.parse(localStorage.getItem("list"))||[],

vue数据存储到本地

监听数据改变 得到一个值并把值保存到本地

在数据中可以取出保存到本地中的值 注意这个值是字符串形式 需要进行转换

监听数据改变得到一个值并把值保存到本地

在数据中可以取出保存到本地中的值注意这个值是字符串形式需要进行转换