Vue3.0更优雅的使用v-model

Posted 2023-02-26

参考技术A 我们知道，在 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