代码
- 子组件
- - 父组件
原理
- 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