1,深度监控对象
通过deep:true

watch: {
    obj: {
        // 数据变化时执行的逻辑代码
        handler(newVal, oldVal) {
            console.log('obj.a changed');
        },
        // 开启深度监听
        deep: true
    }
}

2,深度监控对象的指定属性

watch: {
    "obj.name": {
        // 数据变化时执行的逻辑代码
        handler(newName, oldName) {
           console.log("obj.name变化了 ")
        },
        // 开启深度监听
        deep: true
    }
}

3,计算属性

// 通过计算属性,计算出需要监听的数据
computed: {
   total: function () {
        return this.obj.changed
    }
},
Logo

前往低代码交流专区

更多推荐