vue事件修饰符

事件修饰符
.stop：阻止事件冒泡，类似前端event.stopPropagation()

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

.prevent：阻止页面默认事件，类似前端event.preventDefault()

<form v-on:submit.prevent="onSubmit"></form>

.capture：事件监听器，会影响冒泡顺序，程序会优先执行带有.capture修饰符的事件，然后继续执行冒泡

<div v-on:click.capture="doThis">...</div>

.self：点击带有self修饰符的事件不会在触发父级或子级冒泡，但不影响被冒泡

<div v-on:click.self="doThat">...</div>

.once：触发一次后事件失效

<div v-on:click.once="doThat">...</div>

.passive：默认事件会立即被触发，不会等函数执行完成，可以提升浏览器性能

<!-- 滚动事件的默认行为 (即滚动行为) 将会立即触发 -->
<!-- 而不会等待 `onScroll` 完成  -->
<!-- 这其中包含 `event.preventDefault()` 的情况 -->
<!-- 这个 .passive 修饰符尤其能够提升移动端的性能 -->
<div v-on:scroll.passive="onScroll">...</div>