Vue 3 中 v-model 绑定对象属性时,为什么视图不更新?
在 Vue 3 项目里,用 v-model 绑定一个响应式对象的某个嵌套属性时,经常会遇到输入框内容变了但页面其他位置依赖该属性的显示没同步,或者反过来,代码里改了对象属性但输入框没反应。这个问题通常出现在表单编辑、配置面板、动态字段渲染等场景中。表面看是 v-model 失效,实际原因往往和响应式丢失、直接赋值整个对象、在 computed 或 watch 里解构、以及 v-model 展开为 :value 和 @input 后的更新路径有关。下面结合几个真实代码片段,拆解 Vue 3 中 v-model 绑定对象属性的响应式陷阱,并给出可落地的修正写法。