Vue 3 中 watch 和 watchEffect 的竞态问题：为什么你的请求总被旧数据覆盖？

用户12771345

发布于 2026-10-05 17:17:03

330

概述

在 Vue 3 项目里用 watch 或 watchEffect 监听响应式数据并发送异步请求，经常会遇到一个隐蔽的问题：当依赖变化很快时，多个请求并发发出，但返回顺序无法保证，最终页面显示的可能不是最新数据。比如搜索框输入关键词，用户连续敲了几个字符，每个字符都触发一次请求，结果第二个请求的响应比第三个先回来，界面就被旧结果覆盖了。更糟的是，如果组件已经卸载，回调里还在更新状态，控制台会抛出一堆

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

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

Vue 3 中 watch 和 watchEffect 的竞态问题：为什么你的请求总被旧数据覆盖？

Vue 3 中 watch 和 watchEffect 的竞态问题：为什么你的请求总被旧数据覆盖？

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐