使用修饰符.number可以将输入的数据转换为Number类型，否则虽然你输入的是数字.但它的类型其实是String，比如在数字输入框时非常有用：

.number如果想自动将用户的输入值转为数值类型，可以给 v-model 添加 number 修饰符：

这通常很有用，因为即使在 type="number" 时，HTML 输入元素的值也总会返回字符串。如果这个值无法被 parseFloat() 解析，则会返回原始的值。

实例

{{ typeof message }}

{{message}}

给 v-model 添加修饰符 .trim 可以自动过滤用户输入的首尾空格。

{{message}}

并不是实时改变，而是在失去焦点或者按回车时才会更新

在输入框中，v-model默认是在input事件中同步输入框的数据（除了输入法中文输入的情况），使用修饰符 .lazy 会转变为 change 事件中同步（类似懒加载）:

{{message}}

此时，message并不是实时更新的，而是在失焦或按回车时才更新。