vue监视属性

普通监视

1.当被监视的属性变化时，回调函数自动调用，进行相关2操作
2.监视的属性必须存在，才能进行监视
3.监视的两种写法
（1）.new vue时传入watch配置
（2）.通过vm.$watch监视

 new Vue({
    el:'#root',
    data: {
        isHot:true,
        numbers:{
a:1,
b:1
        }
    },
    computed:{
        info(){
            return this.isHot ? 'yanre' : 'liangshuang'
        }
    },
    methods: {
        change(){
            this.isHot = !this.isHot
        }
    }, 
watch:{
//     isHot:{
//         //handler当ishot改变时被调用
//         handler(newValue,oldValue){
// console.log('ishot被修改了',newValue,oldValue);
//         }
//     }
//简写
isHot(newValue,oldValue){
    console.log('ishot改变了',newValue,oldValue);
}
}


 })

vm.$watch('isHot',{
immediate:true,//初始化时让handler调用一下
        handler(newValue,oldValue){
 console.log('ishot被修改了',newValue,oldValue);
         }
})

深度监视

（1）.vue中的watch默认不检测对象内部值的改变 （一层）
（2）.配置deep：true可以检测对象内部值的改变（多层）

注：
（1）vue自身可以监测对象内部值的改变，但vue提供的watch默认不可以
（2）使用watch时根据数据的具体结构，决定是否采用深度监视