表单中，可以使用 v-model 指令在控件中创建双向数据绑定。

基础用法

给 v-model 指令绑定一个变量

Text

<input type="text" v-model="message" placeholder="edit me">

Multiline text

<textarea v-model="message" placeholder="add multiple lines"></textarea>

Checkbox

单个时：

<input type="checkbox" id="checkbox" v-model="checked">

多个时，绑定到一个数组：

<input type="checkbox" id="jack" value="Jack" v-model="checkedNames">
<input type="checkbox" id="john" value="John" v-model="checkedNames">
<input type="checkbox" id="mike" value="Mike" v-model="checkedNames">

Radio

<input type="radio" id="one" value="One" v-model="picked">
<input type="radio" id="two" value="Two" v-model="picked">

Select

单选：

<select v-model="selected">
	<option selected>A</option>
	<option>B</option>
	<option>C</option>
</select>

多选（绑定到同一个数组）：

<select v-model="selected" multiple>
	<option selected>A</option>
	<option>B</option>
	<option>C</option>
</select>

绑定 Value

v-model 绑定的 value 通常是静态字符串（对于勾选框是逻辑值）
要绑定一个动态属性的话应该是用 v-bind

参数特性

lazy

在默认情况下，v-model 在 input 事件中同步输入框值与数据，可以添加一个特性 lazy，从而改到在 change 事件中同步：

<input v-model="msg" lazy>

number

如果想自动将用户的输入转为 Number 类型（如果原值的转换结果为 NaN 则返回原值），可以添加一个特性 number：

<input v-model="age" number>

debounce

debounce 设置一个最小的延时，在每次敲击之后延时同步输入框的值与数据。如果每次更新都要进行高耗操作（例如在输入提示中 Ajax 请求），它较为有用。

<input v-model="msg" debounce="500">

注意 debounce 参数不会延迟 input 事件：它延迟“写入”底层数据。因此在使用 debounce 时应当用 vm.$watch() 响应数据的变化。若想延迟 DOM 事件，应当使用 debounce 过滤器。