Vue3.0更优雅的使用v-model
我们知道,在Vue2.0
中如何实现双向数据绑定一种是v-model
,另一种是.sync
。通常一个组件只能用于一个v-model
,但是有的组件需要有多个可以双向响应的数据,所以就出现了.sync
在Vue3.0
中为了实现统一,实现了让一个组件可以拥有多个v-model
,同时删除掉了.sync
。在vue3.0
中,v-model
后面需要跟一个modelValue
,即要双向绑定的属性名,Vue3.0
就是通过给不同的v-model
指定不同的modelValue
来实现多个v-model
参考地址: https://v3.vuejs.org/guide/migration/v-model.html#overview