Vue侦察属性watch

watch : {
		//可以监视多个属性
		//监视哪个属性，请把这个属性的名字拿过来即可。
		//可以监视Vue的原有属性。
		number : {
			//初始化的时候，调用一次handler方法。
			immediate : true,
			//handler方法什么时候被调用呢？当被监视的属性发生变化的时候，handler就会自动调用一次。
			//handler方法上有两个参数：第一个参数newValue，第二个参数oldValue。
			//newValue是属性值发生改变之后的新值。
			//oldValue是属性值发生改变之前的旧值。
			handler(newValue, oldValue){
				console.log(newValue,oldValue)
			}
			//也可以监视计算属性
			/*
				hehe ： {
					handler(a,b){
						console.log(a,b)
						}
					}*/
}

后期添加监视
	//如何后期添加监视？调用Vue相关的API即可。
	//语法：vm.$watch('被监视的属性',{})
	vm.$watch('number2',{
			immediate : true,
			deep : true, //深度监视 就是监视对象内的所有属性变化
			handler(newValue, oldValue){
				console.log(newValue, oldValue)
				}
			})


//注意：监视某个属性的时候，也有简写形式，什么时候启用简写形式？
//当只有handler回调函数的时候，可以使用简写形式
如
 number(newValue, oldValue){
 	console.log(newValue, oldValue)
 	}
vm.$watch('number2',function(newValue, oldValue){
				console.log(newValue, oldValue)
				})