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 选项;