Vue 3 中 watch 与 watchEffect 的依赖收集差异：为什么你的回调没有触发？

用户12771345

发布于 2026-09-19 09:04:04

430

概述

在 Vue 3 的日常开发里，watch 和 watchEffect 看起来都能监听响应式数据变化并执行副作用，但很多人在实际项目中会遇到一种情况：明明修改了某个响应式变量，watchEffect 里的回调却纹丝不动，或者 watch 只监听了一个 getter 却意外地触发了多次。这类问题往往源于对两者依赖收集机制的理解偏差——watchEffect 是自动追踪同步执行期间访问到的所有响应式属性

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

Vue 3 中 watch 与 watchEffect 的依赖收集差异：为什么你的回调没有触发？

Vue 3 中 watch 与 watchEffect 的依赖收集差异：为什么你的回调没有触发？

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐