监视属性

54 阅读1分钟

watch

用法1:

...
methods:{}
watch:{
    // 监视姓名
    name:{
        // 当监视属性发生改变时,调用
        handler(newValue, oldValue){
            // 监视代码
            newValue 新值
            oldValue 旧值
        },
        immediate:true // 能够在初始化时调用一次handler,oldValue就有值
    },
    // 计算的属性也可以监视
    ....
}

用法2:

vm.$watch('name',{
    // 监视代码
})

深度监视

监视对象中的属性:
    num{
      a:1,
      b:2
    }
    ...
    例如:
        watch:{
            num:{
                'num.b':{
                    handler(){
                        //监视代码
                    }
                }
            }
        }