vue中watch应用

1.监听对象

<script>
var vm = new Vue({
	el:"#app",
	data:{
		firstName:"白"
	},
	watch:{
		firstName(newval,oldval){
		  console.log(newval)
		}
	}
})
</script>

2.对象属性的watch

<script>
var vm = new Vue({
	el:"#app",
	data:{
		aList: {
			pageNum: "白"	
		}
	},
	watch:{
		'aList.pageNum'(newVal, oldVal) {
            console.log(newVal,oldVal);
   		 }
	}
})
</script>

#####3.对象的watch

<script>
var vm = new Vue({
	el:"#app",
	data:{
		list: {
			num: "白"	,
			key:1
		}
	},
	watch:{
		list: {
			onHandle(newVal, oldVal) {
				console.log(newVal,oldVal);
			},
			aList: true
		}
	}
})
</script>

eg: 只要 list 中的属性发生变化（监测到的），便会执行 onHandle 函数；如果想监测具体的属性变化，如 num 变化时，才执行 onHandle 函数。