Vue day02

vue常见的事件修饰符

.stop阻止冒泡，阻止事件继续向外传播

<div id="one" @click="one">
        <div id="two" @click.stop="two">
          <div id="three" @click="three"></div>
        </div>
</div>

.capture 添加捕获事件

<div id="one" @click.capture="one">
        <div id="two" @click="two">
          <div id="three" @click="three"></div>
        </div>
</div>

事件冒泡是从里往外触发。捕获是从外往里触发

.self 当事件作用于他本身的时候触发回调

<div id="one" @click.capture="one">
        <div id="two" @click="two">
          <div id="three" @click="three"></div>
        </div>
</div>

.once事件只触发一次

<div id="one" @click="one">
        <div id="two" @click="two">
          <div id="three" @click.once="three"></div>
        </div>
</div>

.prevent 阻止默认事件：a标签 表单提交

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