本文共 629 字，大约阅读时间需要 2 分钟。

1. 自定义事件

1.1. 自定义组件的 v-model

首先，一个组件的 v-model 默认会利用一个名为 value 的 prop 接 input 的事件，如下所示：

但是，某些情况下，比如输入框是 checkbox 等，就无法得到我们想要的双向绑定了，因此可以通过下面的方式来解决：

1.2. 原生事件绑定到组件

问题就不描述了，自己跑一下官方代码发现确实无法聚焦，解决办法如下：

1.3. 事件名

事件名不同于 prop 和 变量名，而是触发的事件名需要 完全匹配 监听这个事件所用的名称，所以要求 emit 和 监听时写得一致，推荐如下写法：

// Son.vuethis.$emit('my-event')// Father.vue@my-event="myEvent"

1.4. .sync

有时候需要对 prop 进行双向绑定，也就是子和父组件都可以改变这个 prop，具体用法如下：

🍎.sync 修饰的 v-bind 不能和表单时一起用，如 v-bind:title.sync=“title”

当传递的 prop 是个对象，而且多个值都需要双向绑定，可以使用如下方法：

🍎Father.vue 这里无法传一个字面量对象：{ name:‘xx’, age: 0 }

转载地址：https://blog.csdn.net/qq_39811414/article/details/117431116 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！