Vue watchEffect 高级监听器

461 阅读1分钟

一、基本使用

现在定义了两个响应式变量,仅在watchEffect中加入其中一个

image.png

分别修改两个input的值,只会触发写在watchEffect内的变量

image.png

注意:在刷新页面后,将会自动触发一次监听事件,相当于默认Watch开启了imediate:true

二、监听多个对象

将需要监听的对象放入watchEffect中即可

image.png

image.png

三、oninvalidate

watchEffect 支持回调函数oninvalidate,可以在数据之前处理

image.png

image.png

四、停止监听

可以停止元素监听

image.png

五、获取dom

image.png

image.png

六、开发调试

image.png

image.png