watch监听用法
直接监听对象
可以直接监听对象某个值,‘obj.name’,或者是监听路由’$route’(to,from),
若需要第一次绑定值进而触发,可以使用第二种设置immediate: true。
若对对象进行深度监听(监听对象会对每个属性添加监听,会造成性能损耗),可以直接深度监听对象属性避免
//监听对象
watch:{
obj:{ //监听的对象
deep: true, // 深度监听
immediate:true,
//当 watch 一个变量的时候,初始化时并不会执行你需要在created的时候手动调用一次。添加immediate属性,这样初始化的时候也会触发
handler:function(newV,oldV){
console.log('watch中:',newV)
}
}
}
//监听路由
watch: {
$route: function (newVal, oldVal) {
},
}
//监听数组
watch: {
arr: {
handler(data, oldVal) {
},
deep: true,
},
}
链接: https://blog.csdn.net/weixin_44068394/article/details/103817264.
链接: https://zhuanlan.zhihu.com/p/86273758.
链接: https://blog.csdn.net/qq_45616003/article/details/121648029