Vue 3 中 watch 和 watchEffect 的竞态问题与清理技巧

页面里有个搜索框，输入关键词后发请求拉列表，用户快速输入时，前面发出的请求可能比后面的晚返回，导致列表内容被旧数据覆盖。这类异步副作用在 Vue 3 的 watch 和 watchEffect 里非常常见，尤其是监听路由参数、分页、筛选条件时。很多同学只知道用 watch 监听值变化，但忽略了上一次异步操作还没结束、下一次已经触发的情况。这篇文章从实际场景出发，聊清楚 watch 和 watchE