vue 常见修饰符

1. 表单修饰符

v-model.lazy 输入框的焦点消失时，将值赋给 v-model 绑定的属性
v-model.number 将输入框中的值转化成number类型（一般同时将 input 标签的 type 属性值设置成 number）
v-model.trim 去掉输入框中值的首尾空格

2. 事件修饰符

@click.stop 阻止事件向外冒泡（只有点击自己和自己内部的容器才触发，点击自己外部父级容器不触发，一般此修饰符常用于内层容器）
@click.self 阻止事件自己冒泡（只有点击自己暴漏的区域才触发，点击自己内部被子集容器覆盖的区域不触发，一般此修饰符常用于外层容器）
@click.once 让事件只会触发一次
@click.prevent 阻止标签默认行为
@click.passive 不阻止标签默认行为
@click.capture 改变事件触发顺序，变成自外向内

3. 鼠标修饰符

@click.left 鼠标左键点击触发（默认）
@click.right 鼠标右键点击触发
@click.middle 鼠标中键（齿轮）点击触发

4. 键盘修饰符

@keyup.up 
@keyup.down
@keyup.left
@keyup.right
@keyup.enter
@keyup.esc
@keyup.space 
@keyup.tab
@keyup.delete 
@keyup.ctrl.
@keyup.alt.
@keyup.shift.
@keyup.meta.