如何使用 Vue.js 侦听嵌套数据？

HolleBug

于 2023-08-23 10:20:57 发布

阅读量252

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_45364616/article/details/132446567

版权

博客介绍了在Vue里给target的list属性增加侦听器的方法，需在watch中用字符串写法 “target.list” 标记侦听内容，当list改变时会被调用。

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

new Vue({
  el: "#app",
  data: {
    target: {
      list: [],
    },
  },
  watch: {
    "target.list": {
      handler(newVal, oldVal) {
        
      },
      deep: true,
    },
  }
});

给target的list属性增加侦听器，需要在watch中使用字符串的写法 "target.list" 来标记侦听的内容

handler当list改变时被调用，设置deep为true，给list增加深度监听