如何使用v-model和.sync在Vue自定义组件中实现双向绑定？

本文共计1013个文字，预计阅读时间需要5分钟。

目录自定义事件和组件的v-model+.sync修饰符修饰符思考总结自定义事件Tips推荐终极使用kebab-case的事件命名(v-on会自动将事件名转换为小写，避免拼写错误)

changeDatachange-data自定义

目录

• 自定义事件
• 自定义组件的v-model
• .sync 修饰符
• 思考
• 总结

自定义事件

tips

• 推荐始终使用 kebab-case 的事件名。（v-on会将事件名自动转换为小写，避免匹配不到）
  • changeData ×
  • change-data √

自定义组件的v-model

• 用法：
  • 父组件定义数据源（不需要定义修改数据的方法），在子组件标签上通过v-model="data"进行传递
  • 默认传递的属性名是value,事件名为input。