computed与watch

watch监听属性

        规则

         1.监听已有的属性

         2.immediate设置为true默认触发一次，false不会默认触发

        3.handler(新值,旧值)函数，当监听值发生改变时就会触发handler函数

        4.写法：第一种Vue实例中，第二种实例化vm.$watch("监听的属性",{})

        5.watch默认监听一层，需要监听多级如对象中的值，需要添加深度监听deep:true

        

 watch:{
            bool:{
                immediate:false,
                handler(newValue,oldValue){
                    console.log(newValue);
                    console.log(oldValue);
                    console.log(this);
                    if(newValue==true){
                        this.userName = "张三";
                        this.obj.id = 100;
                    }else{
                        this.userName = "李四";
                        this.obj.id = 99;
                    }
                }
            },

6.简写，只有handler函数，才可以简写。写法：监听的属性名(新值,旧值){}

vm.$watch("userName",{
    //     immediate:true,
    //     handler(newValue,oldValue){
    //         console.log("---------------------");
    //         console.log(newValue);
    //         console.log(oldValue);
    //         console.log(this);
    //     }

 computed与watch

     1.computed能做到的watch都可以，watch能做到的computed不一定能

     2.被Vue实例管理的函数最好都使用普通函数，不被Vue实例管理的函数最好都使用箭头函数，