Vue 3 中 v-model 在自定义组件上的正确用法与常见坑
自定义组件上使用 v-model 时,很多人会遇到「值变了但子组件没更新」「子组件改值父组件不生效」「同时绑定多个 v-model 报错」这类问题。v-model 在 Vue 3 里不再是简单的 :value + @input 语法糖,默认 prop 和事件名都改了,而且支持参数化,默认值也变成了 modelValue / update:modelValue。如果沿用 Vue 2 的习惯直接写 value 和 input,在 Vue 3 项目中会静默失效,调试时容易怀疑人生。这篇文章从源码编译结果出发,梳理 v-model 在自定义组件上的展开规则,包括默认绑定、具名绑定、多个 v-model...