vue中表单的简单应用（单选框，复选框，下拉框）

表单输入

单选框

        <div>
            <!-- 单选框一定要写 value,且value是后端要去的数值 -->
           性别：
            <input type="radio" name='sex' value='0' v-model='regList.sex'> 男
            <input type="radio" name='sex' value="1" v-model='regList.sex'> 女
        </div>

复选框

 <div>
            <!-- 
                复选框：定义checkbox初始值，应是一个[] ,获取值的时候，获取的是value 的值 
                你也可以有默认值：eg:['play']
            -->
            <input type="checkbox" value='study' v-model='regList.hobby'>学习
            <input type="checkbox" value='sleep' v-model='regList.hobby'>睡觉
            <input type="checkbox" value='rap' v-model='regList.hobby'>唱歌
            <input type="checkbox" value='play' v-model='regList.hobby'>打篮球
​
        </div>

下拉框

            <!-- 
                下拉框的双向数据绑定，绑定在select标签上。它的value 是option中的value
             -->
           工作种类： <select v-model='regList.job'>
                <option value="" disabled>--请选择--</option>
                <option value="java">码农后端</option>
                <option value="web">大前端攻城狮</option>
                <option value="test">最弱的测试</option>
                <option value="ui">切图仔</option>
            </select>

一个checkbox

        <div>
            <!-- 一个checkbox 复选框，我们初始值可以为空，获取value的时候，是true或者false.我们的初始值也可以是true或者false -->
           协议：<input type="checkbox" v-model='regList.isGree'>
        </div>