Vue 16-收集表单数据

若：<input type="text"/>，则v-model收集的是value值，用户输入的就是value值

 账号：<input type="text" v-model="userInfo.account">

若<input type="radio"/>，则收集的是value值，且要给标签配置value值

 男 <input type="radio" name="sex" v-model="userInfo.sex" value="male">
 女 <input type="radio" name="sex" v-model="userInfo.sex" value="female">

若<input type="checkbox"/>

1.没有配置input的value属性，那么收集就是checked（勾选 or 未勾选，是布尔值）

2.配置input的value属性：

（1）v-model的初始值是非数组，那么收集的就是checked（勾选 or 未勾选，是布尔值）

（2）v-model的初始值是数组，那么收集的就是value组成的数组

学习<input type="checkbox" v-model="userInfo.hobby" value="studt">
打游戏<input type="checkbox" v-model="userInfo.hobby" value="game">
吃饭<input type="checkbox" v-model="userInfo.hobby" value="eat">

 <input type="checkbox">阅读并接受用户协议<a href="">《用户协议》</a>

备注：

v-model的三个修饰符：

lazy：失去焦点再收集数据

number：输入字符串转为有效的数字

trim:输入首尾空格过滤