Vue收集表单数据

• 收集表单数据

v-model的使用

data:{
	  account:'', //用户输入
	  password:'',
	  age:'',
	  sex:'', // 需要配置
	  hobby:[],
		agree:''
}

若，则v-model收集的是value值，用户输入的就是value值。

若，则v-model收集的是value值，需要配置value值。

性别：男<input type="radio" v-model="sex" value="man"> 
      女<input type="radio" v-model="sex" value="woman">

若

• 如果没有配置input的value属性，收集的是checked(勾选 or 未勾选，是布尔值)
• 如果配置input的value属性：

• 复选框时，checkbox初始值的默认值必须为 [ ]，收集value组成的数组，

• 单选框时，收集checked

v-model修饰符

vue对获取到的数据进行操作, 形式为 v-model.xxx

• lazy：失去焦点再收集数据
• number：输入字符串转为有效的数字，和 type=”number”搭配使用（不允许用户输入字母）

年龄: <input type="number" v-model.number="age"><br><br>