vue textarea 自动换行_前端系列——Vue表单处理

1、双向数据绑定

双向和单向是对应的。单向数据绑定是指数据的变化导致了视图的变化，但是视图的变化不会导致数据的变化；双向数据绑定是指数据的变化会导致视图的变化，而视图的变化也会导致数据的变化。

单向数据绑定就是 v-text、{ {}}、v-html使用最多的。双向数据绑定是 v-model来实现的。但是有大前提，只有表单元素才可以使用v-model。不是任何元素都可以的。

常见的表单元素有：input(type可以是text、email、number、url、password、button、radio、checkbox、file、hidden、image)， textarea，select等 。

注：在使用v-model的时候，必须要确保v-model的值在data中已经定义了。

(1)输入框和单选按钮使用v-model

(2)复选框按钮和下拉列表使用v-model

提到复选按钮，它有两种用法：

单个按钮，