vue-watch监听对象数组的变化

最新推荐文章于 2025-10-28 06:30:00 发布

原创最新推荐文章于 2025-10-28 06:30:00 发布 · 4.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #watch

web前端同时被 2 个专栏收录

73 篇文章

订阅专栏

vue

23 篇文章

订阅专栏

本文介绍如何在前端开发中使用深度监听来监测数组嵌套对象及对象属性的变化，通过配置deep:true实现递归监听，并展示了具体的应用实例。

1.对数组嵌套对象进行监听的时候，这时就需要深度监听

listData: {
      handler (val) {
        console.log(val);
        this.paginationChange();
      },
      // 这里是关键，代表递归监听 demo 的变化
      deep: true
    },

2.监听对象

'demo.child': {
      handler: function (val) {
        console.log(val)
      },
      deep: true
    },
　　// 或者
　　　'demo.name' (val) {
      　　console.log(val)
    　}