vue2+elementUI 中监听对象属性值变化

注意监听数组的变更不需要这么做。

想在双向绑定的对象的属性变化后，根据这个值做判断，但是直接使用是不行的，所以需要监听对象的属性值变化

三种方式：

1. watch 对象，加deep：true,深度监听

	watch:{
	info:{注意监听数组的变更不需要这么做。
		handler(newVal){
			console.log(newVal);
		},
		deep: true
	}
}

2. 直接watch对象的属性

watch:{
	'info.a'(newVal, oldVal){
		if(newVal != oldVal && newVal != ""){
			this.vDisable = false;
        　	var appName = newVal.split("-")[0]
        　	this.getVersionData(appName)
		}
	}
}

3. computed计算对象的属性值，watch这个computed值

computed:{
	//该计算属性返回要监视的对象属性值
	infoa(){
		return this.info.a;
	}
},
watch:{
	//开始监听返回该对象属性值计算属性
	infoa: function(newVal, oldVal){
		console.log(newVal, oldVal);
	}
}