当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的模板字符串``