v-model 应用于其他表单元素

• 输入框 input:text ---> value
• 文本域 textarea ---> value

复选框 checkbox

<input type="checkbox" v-model="flag">
            <p>{{flag}}</p>

• 值是布尔，复选框只有一个的情况

单选框 radio

<input type="radio" v-model="gender" value="male"> 男
<input type="radio" v-model="gender" value="female"> 女
            <p>{{gender}}</p>

• 只要是一组单选 v-model必须一样，要给表单元素value
• radio 返回的是 value

一组复选框

<input type="checkbox" v-model="hoddy" value="chang"> 唱
<input type="checkbox" v-model="hoddy" value="tiao"> 跳
<input type="checkbox" v-model="hoddy" value="rep"> rep

• v-model必须一样 ，每个复选框都要有value值，v-model对应的是一个数组
• 返回的是 value