Vue3 watchEffect(二)

411 阅读1分钟

image.png

  • 为什么要通过传一个参数是一个函数,然后执行这个函数的方式去执行失效函数呢?为什么不在return里面直接定义失效函数?返回值是非常重要的在异步函数的错误处理中,它返回的不是promise,但是使用async后会返回一个promise是冲突矛盾的。

image.png

image.png

  • watchEffect会在组件更新之前被调用。是在onBeforeUpdate之前被调用的。

image.png

image.png

  • 使用了第二个选项之后,那么副作用就会在onBeforeUpdate之后执行

image.png

image.png

  • 会强制的同步触发,但是效率非常低,尽量少用

image.png

  • watchEffect的执行是在mounted之前的,那么如果想要拿到dom,可以放在,mounted生命周期中,不然它不会是在第一次就获取到了这个dom,而是监听到了更新之后,第二次拿到的