watch在vue中的作用，顾名思义就是监控的功能。比如有一个对象watchData:{name:'',age:'',}来监控这个对象的属性watchData:{handler:function(){console.log();},deep:true}可以对监控对象进行深度监控，否则无法检测到对象的变化。监控这个对象的属性的方式是：{'watchData.name'(newValue,oldValue){console.log(newValue);}}方法2watch:{'watchData.name':{handler:function(){console.log();}}}，为什么要监控对象的属性呢？对象内部的任何数据更改都会导致重新执行监视。在这种情况下，可能不是你想要在执行watch之前监听某个属性的变化，或者一旦对象内部的任何属性发生变化就让watch执行，这样也会影响性能。有一定的损失，所以我们用这种监听对象单个属性的方式来处理，给"object.property，用引号包起来"监听这个对象的属性computed:{getName(){returnthis.watchData.name}},watch:{getName(newValue,oldValue){console.log(newValue);}}，这个方法其实和第二个是一样的，不同的是使用了computed，然后监听方法getName，其实上面的getName方法返回的是watchData对象中的name属性
