vue中watch 深度监听 立即监听
时间: 2023-10-12 21:21:48 浏览: 87
vue深度监听(监听对象和数组的改变)与立即执行监听实例
可以通过设置选项`immediate:true`来实现,在watch选项中添加`deep:true`和`handler`函数后,再加上`immediate:true`选项即可立即监听。例如:
``` javascript
watch: {
obj: {
deep: true,
immediate: true,
handler: function(val, oldVal) {
console.log('obj changed');
}
}
}
```
这样在组件挂载后,`obj`的变化会立即触发`handler`函数。同时由于添加了`deep:true`选项,如果`obj`是一个对象或者数组,那么其内部属性或元素的变化也能被监听到。
阅读全文