事件修饰符

---

一、阻止冒泡

.sotp :阻止事件继续由内向外传播

<div id="app">
        <div class="box" @click="button1">
            <div class="box2"  @click="button2">
                <button @click.stop="button3">按钮</button>
            </div>
        </div>

---

二、捕获模式

.caotrue 添加捕获模式

<div class="box" @click="button1">
            <div class="box2"  @click.capture="button2">
                <button @click="button3">按钮</button>
            </div>
        </div>

---

三、触发事件

.self 当事件作用于本身时触发

div class="box" @click="button1">
            <div class="box2"  @click="button2">
                <button @click.self.stop="button3">按钮</button>
            </div>
        </div>

.once 事件只触发一次

<div class="box" @click="button1">
            <div class="box2"  @click="button2">
                <button @click.once="button3">按钮</button>
            </div>
        </div>

---

四、阻止默认事件

.prevent

 <a href="http://www.baidu.com" @click.prevent.once="click">百度一下</a>

---