表单输入绑定

1.简化代码

2.能绑定不同类型的值

3.修饰符

（1）lazy

默认情况下，v-model会在每次input事件后更新数据。使用.lazy后会变成每次change事件后更新数据。

<!-- 在 "change" 事件后同步更新而不是 "input" -->
<input v-model.lazy="msg" />

（2）number

• 想让用户输入自动转换为数字

<input v-model.number="age" />

• 如果该值无法被parseFloat()处理,将会返回原始值。（特别是当输入为空，例如用户清空字段之后，会返回一个空字符串）。
• number修饰符会在输入框有type="number"时自动启动。

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/parseFloathttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/parseFloat

（3）trim

去掉输入内容两端空格。

<input v-model.trim="msg" />