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">