【vue事件修饰符】

1、.stop 阻止事件冒泡

    <header @click="log3">
        <aside @click="log2">
            <button @click.stop="log">按钮</button>
        </aside>
    </header>

2、.capture 添加事件侦听器时使用事件捕获

    <header @click="log3">
        <aside @click.capture="log2">
            <button @click="log">按钮</button>
        </aside>
    </header>

3、.self 只当事件在该元素本身（比如不是子元素）触发时触发回调

   <header @click="log3">
        <aside @click.self="log2">
            <button @click="log">按钮</button>
        </aside>
    </header>

4、.once 事件只触发一次

  <header @click="log3">
        <aside @click.self="log2">
            <button @click="log">按钮</button>
        </aside>
    </header>

5、.prevent 阻止默认事件

<header @click="log3">
        <aside @click="log2">
            <button @click.once="log">按钮</button>
        </aside>
    </header>