vue之 watch的使用

1、watch可以直接监视字符串，

first(newValue,oldValue){
              console.log('first',newValue,oldValue)
            },

相当于

 first:{
                handler(newValue,oldValue){
                    this.fullName= this.first+'ni  '+this.last
                },
                immediate:true,
            },

一定要加immediate属性，不然只有first发生变化 fullName才会生效，加上之后vue初始化的时候就执行了t

his.fullName= this.first+'ni  '+this.last

2、监视对象（Vue不支持完全监控对象，必须加上deep属性）

obj(newValue,oldValue){
    console.log('objs',newValue,oldValue)
},

这样是不行的，当这个对象其中一个属性发生第一次变化时，会触发，以后再怎么变化也检测不到了，这不是我们想要的结果，所以我们应该

obj:{
    handler(newValue,oldValue){
        console.log('a.change',newValue,oldValue)
    },
    immediate:true,
    deep:true
},

加上immediate:true, deep:true这两个属性以后，就是说我深层监听了对象obj，这样每次它其中的任何一个属性发生变化都会触发次函数，但是其实我们并不想监听所有的属性，这样就很浪费资源，我们只想监听一个obj里面的其中一个a属性时，

'obj.a':{
    handler(newValue,oldValue){
        console.log('a.chkkkkkange',newValue,oldValue)
    },
    immediate:true,
}

这样就可以了，加上immediate即可，不需要在加上deep了因为已经监听到了a属性，除非a对应的值是一个对象，以此类推。否则不需要在加上一个deep