Vue3中的v-model指令相较于Vue2有以下变化:
-
双向绑定的逻辑被拆散为两个独立的指令:
v-model
和v-bind
,分别用于绑定实际的值和绑定数据,这在一定程度上提高了可维护性和扩展性。 -
v-model
指令支持自定义组件,在自定义组件中使用modelValue
属性代替value
属性,并使用update:modelValue
事件触发数据更新。 -
v-model
指令支持多个绑定值,可以通过设置modelModifiers
属性来控制不同的绑定方式。 -
v-model
指令支持在组件上设置v-model
修饰符,以为组件的数据更新提供更多的选项。
总体来说,Vue3的v-model
指令相比于Vue2更加灵活,可维护性更高,同时也支持自定义组件和多个绑定值,提供了更多的扩展功能。