vue - 事件修饰符-键盘修饰符-鼠标修饰符

事件处理（通过v-on监听 DOM 事件，并在触发时运行一些 JavaScript 代码）$event作为参数 传入方法可以访问原生事件对象

1. 事件修饰符

阻止冒泡:event.preventDefault()和 event.stopPropagation()，在 方法只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。

1.stop(阻止冒泡继续传播 ), 2. prevent(**拦截默认事件**), 3. capture(先执行父级方法,再执行子级方法),4.self(只执行子级本身的函数),4..once(只执行一次),5 .passive(**不拦截默认事件**)

修饰符可以串联<a v-on:click.stop.prevent="doThat"></a>

按键修饰符：<input v-on:keyup.enter="submit">

[按键码](https://cn.vuejs.org/v2/guide/events.html#按键码)：<input v-on:keyup.13="submit">
`config.keyCodes` 对象[自定义按键修饰符别名](https://cn.vuejs.org/v2/api/#keyCodes)：
// 可以使用 `v-on:keyup.f1` Vue.config.keyCodes.f1 = 

系统修饰键：.ctrl .alt .shift .meta

<!-- Alt + C -->
<input v-on:keyup.alt.67="clear">
<!-- Ctrl + Click -->
<div v-on:click.ctrl="doSomething">Do something</div>
<!-- 即使 Alt 或 Shift 被一同按下时也会触发 -->
<button v-on:click.ctrl="onClick">A</button>
<!-- 有且只有 Ctrl 被按下的时候才触发 -->
<button v-on:click.ctrl.exact="onCtrlClick">A</button>

<!-- 没有任何系统修饰符被按下的时候才触发 -->
<button v-on:click.exact="onClick">A</button>

[鼠标按钮修饰符](https://cn.vuejs.org/v2/guide/events.html#鼠标按钮修饰符) :`.left` `.right` `.middle` 修饰符会限制处理函数仅响应特定的鼠标按钮。

ps:随笔