vue 中的 v-model 双向数据绑定 实现原理,实现v-model 绑定组件

1. input 的 v-model 语法糖

首先我们需要了解v-model的原理



2.v-model绑定自定义组件

有时候我要需要暴露出组件内的值,使用v-model是最简易的方法

一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件,但是像单选框、复选框等类型的输入控件可能会将 value 特性用于不同的目的。model 选项可以用来避免这样的冲突
关于Prop可以查看这篇文章 https://www.jianshu.com/p/67f2de4f47bf

## 子组件内




##父组件内
 //getValue的值将会传入子组件名为 value的 prop

【有收获请点个赞哦~~】

你可能感兴趣的:(vue 中的 v-model 双向数据绑定 实现原理,实现v-model 绑定组件)