<input
type="text"
:value="firstName"
@input.prevent="updateFirstName('hello word', $event)"
/>.prevent
在 v-on 事件监听 属性后加上 .prevent 即可做到避免事件的默认动作：
<!-- 提交事件将不再自动刷新页面 -->
<form @submit.prevent="onSubmit"></form>跟在方法中实现效果一样但更简洁：
onSubmit(event) {
event.preventDefault()
}.number
修饰在 v-model 数据绑定 后，可以更改数据类型为数字类型。
<input type="number" v-model.number="age" />正常输入框中无论类型是否为number，浏览器都会自动将其转化为字符串，而经过 .number 修饰之后就会强制转换为数字。
.lazy and .trim
.trim 和 .lazy 都作用于 v-model 数据绑定 后。
.trim 的作用是传入字符串时自动去除两边的空格。.lazy 的作用是设置延迟更改，直到访问者完成输入并转移焦点才会更新。
<input type="text" v-model.lazy.trim="lastName" />