v-model

限制：

<input>

<select>

<textarea>

components

用法：

在表单控件或组件上创建双向绑定。

• 表单输入绑定：

根据控件类型自动选取正确的方法来更新元素。

通过JavaScript在组件的data中声明初始值。

在文本区域插值 (<textarea>{{text}}</textarea>) 并不会生效，应用 v-model 来代替。

单个复选框，绑定到布尔值；多个复选框，绑定到同一个数组。

如果 v-model 表达式的初始值未能匹配任何选项，<select> 元素将被渲染为“未选中”状态。在 iOS 中，这会使用户无法选择第一个选项。因为这样的情况下，iOS 不会触发 change 事件。因此，推荐提供一个值为空的禁用选项。

例子：

html:

 

js: