vue2升级vue3：Vue3时jsx组件绑定自定义的事件、v-model、sync修

踩坑笔记：组合式 API之Setup(props,context)—Vue2.x到Vue3注意

Vue2的.sync修饰符转Vue3中v-model

可以先看vue2的 .sync 修饰符 文档：https://cn.vuejs.org/v2/guide/components-custom-events.html#sync-修饰符

在父组件中的

等同于: / .sync将针对于title的监听事件缩写 /

在子组件的methods中使用如下将新的value传给父级：

handleClose() {

    this.$emit('update:title', newValue)

}

Vue3中用v-model替代了.sync修饰符和组件的model选项

vue3 v-model

具体看看官方文档：https://v3.cn.vuejs.org/guide/migration/v-model.html

比如：

在vue3里面的写法是