vue watch监听

vue中最常使用的监听事件是watch
watch可以动态监听数值发生改变

watch:{
	value(name){
		console.log(name)
	}
}

如果我们需要确定再数据发生变化后再监听，使用watch俩个属性

watch:{
	value(newName,oldName){
		if(newName !== oldName){
			console.log(newName,oldName)
		}
	}
}

如果我们在第一次绑定数据的时候就去监听需要使用immediate 和 handler

watch:{
	value:{
		hanlder(value){
			consoloe.log(value)
		},
		immediate:true
	}
}

如果我们遇到复杂的数据，监听不到他的变化，需要去监听数据data属性中的值的时候就会用到 deep属性
主要用在我们定义一个object，然后v-model绑定的是object 的属性，想要在watch总中直接监听v-model的数据。

watch:{
	value:{
		hanlder(value){
			console.log(value)
		},
		deep:true
	}
}