vue2 与vue3 中v-model的区别

vue2

在Vue2中,可以在子组件标签上用v-model来实现父子组件之间的双向通信,它的本质是"v-bind:value"与"v-on:input"的结合。这也就意味着一个子组件标签上只能有一个v-model,如果想绑定其他属性和自定义事件的组合,就需要用.sync修饰符来实现。

vue3

在Vue3中去除了.sync语法,将v-model语法设计为可以绑定任意属性和任意自定义事件的组合,这样在一个子组件标签上就可以使用多个v-model了。

Vue3将v-model的设计原理进行了改造,v-model不再单纯是"v-bind:value"与"v-on:input"的结合,已经演化为"v-bind:modelValue"与"v-on:'update:modelValue'"的结合,直接绑定modelValue并且监听update:modelValue就可以实现v-model双向数据绑定的操作。

相关推荐
非优秀程序员1 小时前
第10章 千团出世|《互联网产品恩仇录》
前端
非优秀程序员1 小时前
第11章 小高在对面|《互联网产品恩仇录》
前端
非优秀程序员1 小时前
第14章 只剩美团|《互联网产品恩仇录》
前端
非优秀程序员1 小时前
第09章 老乡何必为难老乡|《互联网产品恩仇录》
前端
非优秀程序员1 小时前
第07章 孙德良的阳谋|《互联网产品恩仇录》
javascript·后端
非优秀程序员1 小时前
第03章 三大门户,烽烟起于瀛海威|《互联网产品恩仇录》
前端
非优秀程序员2 小时前
第04章 邮箱大战,163 与 QQ 的暗战|《互联网产品恩仇录》
java·vue.js·架构
程序员大阳5 小时前
HTML+CSS+JS对话式实战(5)-活动管理页之查看报名名单的实现
javascript·css·html·查看报名名单
曦樂~5 小时前
【Web Development】02 CSS
前端·css
风骏时光牛马6 小时前
后端服务接口开发与数据逻辑处理
前端