vue data中的对象的属性如何使用watch监听

一、通过deep属性实现

1 2 3 4 5 6 7

data() {   return {     parent:{       child:1     }   }; },

　　

1 2 3 4 5 6 7 8

watch:{   'parent.child':{     deep:true,     handler: function(newV, oldV) {       console.log(newV);     }   } }

二、通过computed做中介

1 2 3 4 5

computed:{   newChild(){     return this.parent.child;   } }

　　

1 2 3 4 5

watch:{   newChild(newV,oldV){     alert(newV)   } },