Vue2的.sync修饰符在Vue3.sync中变成v-model

时间：2023-04-01 10:43:00 vue.js

Vue2中的语法糖：父组件中的

相当于：/.sync将监听事件的缩写fortitle/

用于子组件的方法如下，将新值传递给theparent:`handleClose(){this.$emit('update:title',newValue)}`在Vue3中，v-model用于替换组件的.sync修饰符和模型选项/不兼容/：对于那些带参数：

等同于：

Vue3也是forv-不带参数model:没有参数但实际上在父组件中传递了modelValue，类似：v-model:modelValue="visible"@updata:modelValue="visible=$event"在父组件中使用visible，propspa中使用modelValuessed在子组件中。要更改参数，还使用??modelValue传递给父级。this.$emit('update:modelValue',newValue)详细可以看Vue3官方的.synctransitioninVue3

上一篇：git的常用命令

下一篇：解放前端生产力，打造属于你自己的表单代码生成器

Vue2的.sync修饰符在Vue3.sync中变成v-model相关文章