Vue 3 中 watch 和 watchEffect 的竞态问题与取消请求实践

在 Vue 3 项目里处理搜索建议、分页切换或者路由参数变化时，经常需要在 watch 或 watchEffect 里发起异步请求。如果用户输入速度很快，或者快速切换页面，前一个请求可能比后一个请求先返回，导致界面显示的是旧数据。这个问题一般称为竞态条件，根源是异步回调没有和响应式依赖的生命周期对齐。这篇文章从实际场景出发，说明 watch 和 watchEffect 的执行差异，然后给出用 Ab