vue--watch的监听对象的所有属性变化,监听触发一次
watch很多人都在用,但是这watch中的这两个选项deep
、immediate
,或许不是很多人都知道,我猜。
选项:deep
在选项参数中指定 deep: true
,可以监听对象中属性的变化。
选项:immediate
在选项参数中指定 immediate: true, 将立即以表达式的当前值触发回调,也就是立即触发一次。
watch: {
obj: {
handler(val, oldVal) {
console.log('属性发生变化触发这个回调',val, oldVal);
},
deep: true // 监听这个对象中的每一个属性变化
},
step: { // 属性
//watch
handler(val, oldVal) {
console.log("默认立即触发一次", val, oldVal);
},
immediate: true // 默认立即触发一次
},
},
这两个选项可以同时使用,另外:是的,又有一个demo。
还有下面这一点需要注意。