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.自定义按键别名 = 键码
