Vue3中如何使用watchEffect侦听器来响应式追踪数据变化？

本文共计630个文字，预计阅读时间需要3分钟。

目录 + watchEffect + 侦听器 + watchEffect + 侦听器使用 + watchEffect + 监听基本数据 + watchEffect + 监听复杂数据 + watchEffect + 何时执行 + 关闭 + watchEffect + 监听 + 上节课我们学习了 + watch + 侦听器的基础用法，用来监听

目录

• watchEffect 侦听器
• watchEffect 侦听器使用
• watchEffect 监听基本数据
• watchEffect 监听复杂数据
• watchEffect 啥时候执行
• 关闭 watchEffect 监听

上一节我们学习了 watch 侦听器的基础用法，用来监听页面数据的变化，那么今天呢，我们来学习一下 watch 侦听器的好兄弟 watchEffect 侦听器。这个相对来说比较简单，用的不是很多，当然了，根据自己的项目情况自行决定使用。这个就不详细说了，简单过一下子。

watchEffect 侦听器

其实我觉得这个玩意儿哈，不用也罢，啊哈哈哈哈哈！

怎么说呢，你可以理解成 watch 和 watchEffect 这两个玩意儿的功能是一样的。

watch：显示指定依赖源，依赖源更新时执行回调函数。
watchEffect：自动收集依赖源，依赖源更新时候重新执行自身。