v-model的双向数据绑定实现原理（附：案例）

原理：

• 类型一

原生input元素的类型是text/textarea，那么是使用它的value属性和input事件来实现双向数据绑定。

• 类型二

原生input元素的类型是radio/checkbox，那么是使用它的checked属性和change事件来实现双向数据绑定。

• 类型三

select，option则是绑定selected属性和change事件。

v-model的实现案例。

//实际上等于

根据v-model双向数据绑定实现父子组件的项目实例

父组件： 引入子组件

//父组件

 

子组件，接收父组件传过来的value，输入时候触发父级组件的@input事件

 //子组件