v-model 语法糖-在父子组件传值 的简写形式

props的变量名字 必须是  value ，this.$emit('input',数据值) 的自定义事件必须是 input ；

v-model 是 vue 中进行数据双向绑定的指令，在内部实际上是通过语法糖来完成数据的双向绑定，v-model 绑定的形式有两种，一种是绑定在普通表单元素上，一种是绑定在自定义组件上，两者在实现上也略微不同；

 

当 v-model 绑定在普通表单元素 select、checkbox、radio 时，语法糖为 v-bind:value 和 v-on:change；

当 v-model 绑定在 input、textarea时，语法糖分几种情况：
　　默认为 input 事件；
　　带 lazy 修饰符时为 change 事件；
　　带 type="range" 属性时为 __r；
　　带 trim或 number 时新增 blur 事件；

 

当 v-model 绑定在自定义组件时，语法糖为 v-bind:value 和 v-on:input 或者自定义 model 选项；