Vue 3 中 watch 和 watchEffect 到底怎么选？别再用错了
原创
Vue 3 中 watch 和 watchEffect 到底怎么选？别再用错了
超哥前端记录
发布于 2026-10-09 09:38:47
发布于 2026-10-09 09:38:47
概述
在 Vue 3 的日常开发中，响应式数据的副作用处理绕不开 watch 和 watchEffect 这两个 API。很多人在从 Vue 2 迁移过来之后，习惯性地把所有监听逻辑都写成 watch，结果遇到异步竞态、深层对象监听失效、或者回调执行时机不符合预期的问题。反过来，也有人觉得 watchEffect 自动收集依赖更省事，却在需要拿到旧值、或者想精确控制监听源的时候撞了墙。这两个 API 的
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号