假设有如下实例


var vm = new Vue({
    data: {
        obj: {
            one: 'i am one'
        },
        demo: 'a'
    }
    ...
})

这时候我们有个需求, 即使在obj.one变化的时候触发某个事件,首先我们肯定会想到利用watch属性,
那么如何在watch上监听obj中的one属性的变化呢?

官网说法: 为了发现对象内部值的变化, 可以在选项参数中指定deep: true

vm.$watch('obj', callback, {
    deep: true
})

那么如果是在组件内, 我们又要如何写呢?

['obj.one'](val){
    // 值改变啦, 你要做什么?
}
Logo

前往低代码交流专区

更多推荐