八、表单输入绑定 修饰符.lazy .trim .number

官方参考文档

一、基础用法

可以看 官方举得例子：

• 复选框 checkbox
• 单选框 radio
• 选择框 select

二、 值绑定

如下的例子：

<!-- 当选中时，`picked` 为字符串 "a" -->
<input type="radio" v-model="picked" value="a" />

<!-- `picked` 为 true 或 false -->
<input type="checkbox" v-model="picked" />

三、修饰符

• .lazy
• .number
• .trim

3.1 .lazy

<!-- 在“change”时而非“input”时更新 -->
<input v-model.lazy="msg" />

自己测试发现：
1.当鼠标点到输入框以外 触发
2.输入框中回车 触发

3.2 .number

自动将用户的输入值转为数值类型
v-model.number

3.3 .trim

自动过滤用户输入的首尾空白字符
v-model.trim