**
新学习新征程，我们一起踏上学习 vue.js的新长征
遇见 vue.js --------阿文的vue.js学习笔记（1）-----初识vue.js
遇见 vue.js --------阿文的vue.js学习笔记（2—1）----- 基本使用 [1]
遇见 vue.js --------阿文的vue.js学习笔记（2—2）----- 基本使用 [2]
… … …
遇见 vue.js --------阿文的vue.js学习笔记(目录)
关注我，我们一起学习进步。
**
基础用法
我们可以使用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。并且负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。
1、文本
简单示例：当行文本的双向数据绑定
2、多行文本
简单示例：
3、复选框
简单示例：勾选即为true 取消勾选则相当于把该项条件判断为false
4、单选按钮
简单示例：
5、选择框
简单示例：
注意：
（1）v-model会忽略所有表单元素的 value、checked、selected attribute 的初始值，而且总是将 Vue 实例的数据作为数据来源。所以我们需要通过 JavaScript 在组件的data数据中声明初始值。
（2）在文本区域插值 (<textarea>{ {text}}</textarea>) 并不会生效，而应该使用 v-model 来代替。
修饰符
1、.lazy
一般在默认的情况下，
v-model在每次 input 事件触发后将输入框的值与数据进行同步 。但是我们可以添加.lazy修饰符，从而转为在 change 事件_之后_ 再进行同步（你也可以理解为，信息不再跟着我们输入框同步改变，而是当我们输入框输入完成之后，在输入框失去焦点之后，再进行二者的信息同步）
简单示例：
2、.number
在我们的
v-model的后面添加.number后可以实现自动将我们输入的值转化为数值类型
3、.trim
.trim用来自动过滤我们输入的首尾空白字符，
简单示例；这样在我们的控制台你讲他打印出来会发现前面有很多空格，
但是加入.trim 之后将会将其 自动过滤掉
**
关注 校园君有话说 公众号 ，回复 web前端 免费领取50G 前端学习资料 一份 ，我们一起学习进步吧。
**