Vue 3 中 watch 与 watchEffect 的依赖收集差异导致页面重复请求的排查记录

用户12771345

发布于 2026-10-08 10:53:46

210

概述

最近在维护一个后台管理页面时，遇到一个比较隐蔽的问题：列表页在筛选条件变化后，会连续发起两次相同的数据请求。第一次请求很快返回，但紧接着又发了一次，导致 loading 状态闪烁，偶尔还会因为响应顺序问题把旧数据覆盖到新数据上。排查后发现，问题出在 watch 和 watchEffect 的依赖收集机制差异上——watchEffect 会自动追踪回调里用到的响应式数据，而 watch 只监听显式指

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

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

vuejs3

Vue 3 中 watch 与 watchEffect 的依赖收集差异导致页面重复请求的排查记录

Vue 3 中 watch 与 watchEffect 的依赖收集差异导致页面重复请求的排查记录

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐