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
}
}