vue中watch深度监听

最新推荐文章于 2024-09-03 14:06:45 发布

sddjyqz

最新推荐文章于 2024-09-03 14:06:45 发布

阅读量141

点赞数

本文链接：https://blog.csdn.net/m0_54335296/article/details/117818094

版权

vue中watch深度监听

方式一：

export default {
  data() {
    return {
      a: {
        b: {
          c: '123'
        }
      }
    }
  },
  watch: {
    // 深度监听c
    'a.b.c': function(newValue, oldValue) {}
  }
}

方式二：

export default {
  data() {
    return {
      a: {
        b: {
          c: '123'
        }
      }
    }
  },
  watch: {
    // 深度监听c
    a: {
      deep: true, // 值为true 即深度监听 a对象里的任何数据变化都会触发handler函数
      handler() {
        // 固定写法
      }
    }
  }
}