十五、收集表单数据

（一）<input type="text" />

• v-model 收集的是 value 值
• 用户输入的就是 value 值

（二）<input type="radio" />

• v-model 收集的是 value 值
• 且要给标签配置 value 值

（三）<input type="checkbox" />

1.没有配置 input 的 value 属性

• 收集的是 checked
• 勾选 or 未勾选，是布尔值

2.配置了 input 的 value 属性

1）v-model 的初始值是非数组

• 收集的是 checked
• 勾选 or 未勾选，是布尔值

2）v-model 的初始值是数组

• 收集的是 value 组成的数组

（四）v-model 的三个修饰符

修饰符	说明
lazy	失去焦点后再收集数据
number	输入字符串会转为有效数字
trim	输入首尾空格过滤