vue事件处理-事件修饰符、按键修饰符

事件修饰符

原因

我们知道在事件处理中往往我们需要阻止它继续冒泡或者阻止它的默认事件，这里就需要在事件处理函数中调用event.stopPropgation() 或者 event.preventDefault()，那vue为了让事件处理函数只处理数据逻辑而不去处理DOM事件的细节，所以vue为v-on提供了事件修饰符

例：

<a v-on:click.stop="doThis"></a>

事件修饰符（通过事件后加指令后缀来表示的）

.stop // 阻止事件冒泡
.prevent // 阻止默认事件
.capture // 使用事件捕获模式，即内部元素触发的事件现在此处处理，再交由内部元素处理
.self // 只有event.target是自身的时候才触发事件
.once // 点击事件只触发一次
.