Vue 3 中 v-model 绑定对象属性时失去响应式的排查与解决
在 Vue 3 项目里用 v-model 绑定一个对象的某个属性,是再常见不过的操作,比如表单编辑、配置面板、动态字段渲染。但很多人会遇到这样的情况:输入框能正常输入,但页面其他依赖该属性的地方不更新,或者 watch 监听不到变化,甚至 computed 也不重新计算。原因通常不是 v-model 本身失效,而是绑定目标在传递过程中丢失了响应式代理。常见场景包括父组件传递 reactive 对象的某个原始值给子组件、在 setup 中解构 reactive 对象、把属性存到 ref 的 value 里再绑定、或者从 Pinia store 中直接取 state 的某个字段。这篇文章会从 Vu...