Vue中watch一个对象

对象或数组中的某些项数据变化时，do something。

// 数据
powerSort: {
    titleName: [],
    data: []
},

方法一：watch

watch： {
	powerSort: {
     	handler(curVal,oldVal) {
          this.drawChart3();
     	},
     	deep: true // 设为true可监测到对象内部数据变化
	}
}

方法二：利用计算属性

export default {
　　　data(){
　　　　　　return {  
　　　　　　　　obj:{
　　　　　　　　　　num:''
　　　　　　　　}
　　　　　　}
　　　},
　　　
　　　computed:{
    　　　num1(){
        　　　return this.obj.num;
    　　　}
　　　},
　　　
　　　watch:{ 
　　　　　　//直接观察计算属性
　　　　　　num1:function(curVal,oldVal){  
    　　　　　　// doSomething
　　　　　　}
　　　}
}