vue-003 v-model 修饰符

number,lazy,trim

• 限制输入类型为 number,防止计算时出现意外.

<p>{{age}}</p>

<label for="">Age</label>
<input type="number" v-model.number="age" />

• 使用 trim 修饰符 删除多余空白

<p>{{firstName}}</p>

<label for="">First Name</label>
<input type="text" v-model.trim="firstName" />

• 使用 lazy 修饰符在按键结束后执行,避免按一次执行一次

<p>{{firstName}}</p>

<label for="">First Name</label>
<input type="text" v-model.lazy.trim="firstName" />