vue中的修饰符

vue中的修饰符分类

常用修饰符汇总：

.stop：阻止事件冒泡
.native：绑定原生事件
.once：事件只执行一次
.self ：将事件绑定在自身身上，相当于阻止事件冒泡
.prevent：阻止默认事件
.capture：用于事件捕获
.once：只触发一次
.keyCode：监听特定键盘按下
.right：右键

属性修饰符：
prop： 自定义属性传递（常用）
camel： 把属性名转为驼峰的形式传递
sync： 属性传递（不常用）

表单修饰符：
number： 数字输入框
lazy： input值懒加载
trim：input值去首尾空格（值中间的空格不会去除）

事件修饰符
stop：阻止冒泡（e.stopPropagation()）用法：@click.stop
prevent：阻止默认行为（e.preventDefault()）用法：v-on:submit.prevent
capture：事件从自身开始往下捕获 用法：@click.capture
once：事件只能触发一次 用法：@click.once
self：当在event.target是当前元素自身时触发 用法：v-on:click.self
native：监听根元素的元素事件 用法：v-on:click.native
passive：给onscroll滚动事件加了一个.lazy修饰符

键盘按键修饰符
onkeyup
onkeydown
keyCode：键盘按键 @keyup.keyCode

鼠标按键修饰符
left：左击 用法：@click.left
middle：中间键点击 用法：@click.middle
right：右击 用法：@click.right