vue之v-model

1. 在表单<input> | <textarea> | <select>元素上创建双向数据绑定，会根据控件类型自动选取正确的方法来更新元素
2. v-model会忽略所有表单元素的value、checked、selected特性的初始值而总是将Vue实例的数据作为数据来源，在data选项中声明初始值
3. v-model在内部为不同的输入元素使用不同的属性和事件
   • text和textarea元素使用value属性和input事件
   • checkbox和radio使用checked属性和change事件
   • select字段将value作为prop并将change作为事件
4. 要让组件的v-model生效，它应该
   • 接受一个value值
   • 在有新的值是触发input事件
5. 需要通过触发事件来实现value 的更新，所以是在父组件里写v-model
6. 如果v-model表达式的初始值未能匹配任何选项，select元素将被渲染为未选中的状态。在IOS中，不会触发change事件，因此最好提供一个值为空的禁用选择<option disabled value="">请选择</option>
7. 允许一个自定义组件在使用v-model时定制prop和event
   • prop属性指定组件value特性
   • event指定值变化时触发的事件
8. 修饰符

//.lazy
<!-- 在“change”时而非“input”时更新 -->
<input v-model.lazy="msg” >
//.number
<!-- 将输入的值自动转换成数字类型 -->
<input v-model.number="age" type="number”>
//.trim
<!-- 去除输入值的首尾空白字符 -->
<input v-model.trim="msg">