當Vue邂逅選擇框，複選框，單選按鈕，輸入框

單選選擇框

<select v-model="sex" class="form-control">
  <option value="">未選擇</option>
  <option value="male">男</option>
  <option value="female">女</option>
</select>
//在單選選擇框中使用 v-model，其值是一個靜態字符串，對應選中項的 value，如 'male'

複選框

<label class="checkbox-inline">
  <input v-model="hobbies" value="運動" type="checkbox"> 運動
</label>
<label class="checkbox-inline">
  <input v-model="hobbies" value="健身" type="checkbox"> 健身
</label>

//在多個複選框使用 v-model，其值是一個數組，數組項對應已選項的 value，如 ['運動']
當只使用一個複選框的時候，比如記住我功能，初始化定義的時候可以定義爲null或者true or false

輸入框

使用v-model進行數據綁定的時候，數據data初始化別忘記定義先
使用form表單提交數據時，建議使用對象的形式包裝成塊級數據，這樣使數據結構更加清晰

<input v-model.trim.lazy="avatar"  type="text" class="form-control avatar-input">
//使用 v-model 時，默認情況下其值隨 input 事件實時同步，使用 .lazy 修飾符，可以使其值在 change 事件後才同步
當我們檢測郵箱是否被註冊過，可以使用change事件
注意：當輸入框使用type定義爲number，它實際上返回的仍然是字符串類型

Textarea

當文本域裏面有換行符的時候怎麼操作？
可以在外層標籤添加white-sapce樣式

Html標籤元素屬性的綁定

v-bind指令或者簡寫的方式：，綁定值爲js表達式，牽扯到變量的時候可以使用es6的模板字符串``