Vue 3 中 watch 与 watchEffect 的清理副作用：何时用 onCleanup 避免竞态请求

用户1839651

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

概述

在 Vue 3 的组合式 API 里，watch 和 watchEffect 是处理响应式副作用的常用工具。一个典型的开发场景是：监听搜索关键词、路由参数或分页条件的变化，然后发起异步请求。如果用户快速切换条件，先发出的请求可能比后发出的请求更晚返回，导致旧数据覆盖新数据。这个问题在搜索框输入、标签切换、分页加载中都很常见。Vue 提供了 onCleanup 回调，允许在副作用重新执行或组件卸载时

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

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

vuejs3

Vue 3 中 watch 与 watchEffect 的清理副作用：何时用 onCleanup 避免竞态请求

Vue 3 中 watch 与 watchEffect 的清理副作用：何时用 onCleanup 避免竞态请求

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐