常用的修饰符

v-model.trim用于去掉输入框内首尾空格

<template>
  <a-input placeholder="请输入" />
</template>

其他修饰符

输入框改变lazy这个修饰符会在光标离开input框才会更新数据：.lazy

<input v-model.lazy="val" >

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

<input v-model.number="value" type="number">

事件修饰符

阻止单击事件冒泡： @click.stop="onSubmit"
提交事件不再重载页面：@submit.prevent="onSubmit"
点击事件将只会触发一次: @click.once

.stop 阻止事件继续传播(冒泡)
.prevent 阻止标签默认行为
.capture 使用事件捕获模式，即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理
.self 只当在 event.target 是当前元素自身时触发处理函数
.once 事件只会触发一次
.passive 告诉浏览器你不想阻止事件的默认行为
v-model 的修饰符
.lazy 通过这个修饰符，转变为在 change 事件再同步
.number 自动将用户输入值转化为数值类型
.trim 自动过滤用户输入的收尾空格