0
点赞
收藏
分享

微信扫一扫

vue3中的watch和watchEffect

快乐小鱼儿_9911 2022-03-12 阅读 95

watch

结论1:

watch需要侦听特定的数据源,可以是一个也可以是多个,在页面第一次加载时不运行函数,只有当监听的数据源改变时,才会运行此函数

结论2

watch监听一个对象的属性,首先监听的值要以函数返回值的形式进行传递监听,不同于vue2形式的监听,如下为对象属性5秒后改变,监听函数打印
在这里插入图片描述

watchEffect

结论1

vue官方文档 为了根据响应式状态自动应用和重新应用副作用,我们可以使用 watchEffect 函数。它立即执行传入的一个函数,同时响应式追踪其依赖,并在其依赖变更时重新运行该函数。
可以看出 watchEffect函数不需要传入一个数据源,只需要传入一个函数,在函数中使用到的响应式数据,vue都会追踪依赖,当数据改变时,watchEffect函数会再次运行,并且watchEffect在页面第一次加载的时候就会运行

验证 结论1

在这里插入图片描述

仅记录平常学习

举报

相关推荐

0 条评论