Vue 3 中 v-model 在自定义组件上的多个绑定与修饰符实战
在 Vue 3 项目里封装表单组件时,经常遇到一个组件需要同时绑定多个字段的场景,比如一个地址选择器要同步更新省、市、区三个值。很多开发者习惯给每个字段单独写 props 和 emit,代码冗长且容易漏掉同步逻辑。Vue 3 的 v-model 支持参数和修饰符,允许在同一个组件上使用多个 v-model,比如 v-model:province、v-model:city,还可以带自定义修饰符如 v-model:price.capitalize。本文从实际封装一个商品价格输入组件出发,先解释默认 v-model 的 modelValue/update:modelValue 机制,再演示如何通过参...