Vue 3 中 v-model 在自定义组件上的类型推断与多个绑定实践
在 Vue 3 中,v-model 在自定义组件上的行为与 Vue 2 相比有了明显变化。Vue 2 里一个组件只能有一个 v-model,且固定绑定 value prop 和 input 事件;Vue 3 则允许在同一个组件上使用多个 v-model,通过参数区分不同绑定,比如 v-model:firstName 和 v-model:lastName。这在实际表单封装、筛选器组件、可复用输入组等场景中非常常见。但当你使用 TypeScript 和 <script setup> 时,类型声明容易写错,导致模板类型检查报错、编辑器提示丢失,或者运行时 props 和 emit 对不上。这篇文章从...