watch 监听数据的变化

2020-08-31  本文已影响0人  _cxrs_
    data () {
        return {
        name: "张三" ,  // 最简单的情况
        obj: {
                name: "李四"
        }
        }
    },
    watch: {
        name: function (newValue,oldValue) {
        },
        // 监听 obj中 name的变化
        "obj.name":function (newValue,oldValue) {
        },
        // 监听所有obj 数据的变化 需要给定一个 deep:true
        obj: {
            deep:true   // 深度检测 不论你的obj 有多少层 
            //只要有一个变化 就会触发 obj 中的一个函数  这个函数叫 handler
            handler:function (newValue,oldValue) {
            //  handler里的this 也是指向  vue实例
        },
        }
        
}
上一篇 下一篇

猜你喜欢

热点阅读