别再用 `watch` 监听 props 了：Vue 3 中更可靠的响应式数据同步策略

用户12771345

发布于 2026-09-30 08:59:45

900

概述

在维护一个后台管理系统时，我遇到了一个典型问题：父组件通过接口获取用户详情后，将 userInfo 对象传给子组件，子组件用 watch 监听 props.userInfo，一旦变化就同步到本地的表单数据 formData。表面看没问题，但实际出现了表单输入被意外重置、子组件重复请求接口、甚至父组件更新时子组件视图不刷新的情况。排查后发现，问题根源在于 watch 默认是浅监听，对象内部属性变化不

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

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

别再用 `watch` 监听 props 了：Vue 3 中更可靠的响应式数据同步策略

别再用 `watch` 监听 props 了：Vue 3 中更可靠的响应式数据同步策略

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐