表单输入绑定

单行输入框

<input type = "text" value = "单行输入框">

多行输入框

<textarea v-modell = ""></textarea>

复选框

<input type = "checkbox" id="checkbox" v-model ="checked">
<label for="checkbox">{{checked}}</label>

单选按钮

<input type = "radio" id= "one" value = "A" v-model = "picked">
<label for = "one">A.洗衣机</label><br/>
<input type = "radio" id= "two" value = "B" v-model = "picked">
<label for = "tow">B.冰箱</label><br/>

选择框

<select v-model = "selected">
	<option disabled value="">选择喜欢的课程</option>
	<option>Python开发班</option>
	<option>Java开发班</option>
	<option>C++开发班</option>
</select>

在标签中加入multiple属性，即可实现多选

修饰符 //对于v-model指令

lazy

输入框中，v-model默认是同步数据，使用lazy会默认在change事件中同步，即在失去焦点或者按下回车后才同步数据

<input v-model.lazy = "message"> 

number

使输入的值转换为number类型，因为输入的默认都是string,即使加入type=“number”

<input type = "number" v-model.number = "message">

trim

自动过滤用户输入的首尾空格

<input v-model.trim = "message">