绑定事件中的修饰符有很多种，这些修饰符各有各的用处。

stop、prevent、capture、self、once和passive。

stop (停止冒泡)

在Vue中要停止冒泡是非常简单的，只要加加一个事件修饰符stop就可以了，
 <button @click.stop="f1()">停止冒泡</button>

self （点击自己才会执行）

  <div @click.self="f1()">
        点击这里才会触发 f1
    <button @click="f2()">这里不会触发f1</button>
   </div>

prevent （阻止默然行为）

例如阻止form表单的默认提交行为

capture （阻止默认行为）

默认的模式都是冒泡模式，也就是从下到上，但是你用capture后，是从上到下的。

once （事件只执行一次）

<button @click.once="f1()">此时再点击按钮，事件只执行一次</button>

passive （时间的默认行为立即执行 无需等待事件回调执行完毕 提供性能）

本作品采用《CC 协议》，转载必须注明作者和本文链接