4.表单的用法

1.修饰符

//当时去焦点时才触发同步
<input v-model.lazy="msg" />
//返回的一定是数字类型  type=""number输入的数字，返回的还是字符串
<input v-model.number="number2" />
//.trim自动过滤收尾空格
<input v-model.trim="msg" type="text" />

2.单选radio

//当第一个单选被选中 picked 的值为第一个单选按钮的 value，同样当第二个单选被选中 picked 的值为第二个单选按钮的 value。
<input type="radio" id="one" value="One" v-model="picked" />        
<input type="radio" id="two" value="Two" v-model="picked" />
//选中时，toggle值为yes 未选中时为no
<input type="checkbox"  v-model="toggle"  true-value="yes"  false-value="no" />

3.复选框

//checked 为true时为选中 
<input type="checkbox" id="checkbox" v-model="checked" />
//选中时，checkedNames=[syl1,syl2]
<input type="checkbox" id="syl1" value="syl1" v-model="checkedNames" />
<input type="checkbox" id="syl2" value="syl2" v-model="checkedNames" />

4.下拉框

//selected  =A/B/C     //就是option的值
<select v-model="selected">
        <option disabled value="">请选择</option>
        <option value="A">A</option>
        <option value="B">B</option>
        <option value="C">C</option>
 </select>