vue事件

1. 事件传参

<button @click="clickEvt($event, 22)">点我</button>

2. 事件修饰符

• prevent：阻止默认事件
• stop：阻止事件冒泡（加到子元素）
• once：事件只触发一次
• capture：使用事件的捕获模式
• self：只有event.target是当前操作元素时才触发事件（加到父元素）
• passive：事件的默认行为立即执行，无需等待回调结束（移动端用的多）

先捕获后冒泡；捕获从外到内，冒泡从内到外

<a href="http://xxx" @click.stop.prevent="clickEnt"></a>

3. 键盘事件（按键别名）

配合keyup使用的按键别名
等同于在事件函数中写if(e.keyCode === xx) xxx

配合keyup

• enter
• delete
• space
• esc
• up
• down
• left
• right

配合keydown

• tab
• shift
• ctrl
• alt
• meta(window 菜单键)

<button @keyup.enter="showInfo"></button>
<button @keyup.caps-lock="showInfo"></button>
<button @keydown.tab="showInfo"></button>

自定义按键别名
vue.config.keyCodes.自定义按键别名 = 键码