vue自定义组件实现双向绑定

代码

• 子组件
  -
  
• 父组件
  

原理

• v-model的本质：
  就是子组件emit一个input事件
• v-model对表单元素的处理：
  v-model 会忽略所有表单元素的 value、checked、selected attribute 的初始值，而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。
  
  vue官方文档定义。

自定义组件

官方定义自定义组件

• 注意事项：
  （1）事件名区分大小写。
  
  （2）子props中属性名默认：value及input
  （3）解决冲突 model属性
  

别人的Demo

转载于https://blog.csdn.net/liub37/article/details/83382205