vue 官网地址: https://v2.cn.vuejs.org/v2/guide/
1:基础用法:
watch:{
被监听的数据:{
handler(数据改变后的值,数据改变前的值){
相关代码逻辑......
}
}
}
被监听的数据:data中定义的数据;
数据改变后的值:该数据变化后的值;
数据改变前的值:该数据变化前的值;
watch监听简单的数据类型:
watch:{
name:{
handler(newVal,oldVal){
相关代码逻辑......
}
}
}
watch 监听复杂数据类型:
watch:{
“user.name”:{
handler(newVal,oldVal){
相关代码逻辑......
}
}
}
immediate 立即执行 监听
immediate 设为true ,进入页面会立即执行handler函数。
watch:{
“user.name”:{
handler(newVal,oldVal){
相关代码逻辑......
}
},
immediate:true
}
deep 深度监听
对象和数组都是复杂数据类型,复杂数据类型存的是地址值,地址没有变,不会触发watch。
这时我们需要深度监听,就需要家伙是那个一个属性deep,值设为true,使用deep属性可以检测到整个对象所有属性值的变化,某个属性值发生变化,watch都会触发监听该对象。
watch :{
user:{
handler(newVal,oldVal){
相关代码逻辑......
}
},
deep:true
}