Vue中watch和watchEffect如何结合使用实现数据深度监听？

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

目录 + watch() 函数 + watchEffect() 函数 + watch 与 watchEffect 之间的联系与区别 + 我们都知道监听器的功能是在每次响应式状态变化时触发，在组合式 API 中，我们可以使用 watch() 函数和 watchEffect() 函数。

目录

• watch()函数
• watchEffect()函数
• watch与watchEffect之间的联系与区别

我们都知道监听器的作用是在每次响应式状态发生变化时触发，在组合式 API 中，我们可以使用 watch()函数和watchEffect()函数,

当你更改了响应式状态，它可能会同时触发 Vue 组件更新和监听器回调。

默认情况下，用户创建的监听器回调，都会在 Vue 组件更新之前被调用。这意味着你在监听器回调中访问的 DOM 将是被 Vue 更新之前的状态。