初学vue2 之 .stop事件修饰符来阻止事件冒泡

如过我们给父元素和子元素都绑定了点击事件，那么当点击子元素时，同时也会触发父元素的事件，所以我们要阻止事件的传播。

如下:

    <div class="clickfather" @click="father()">
      <div class="clickchild" @click="child()"></div>
    </div>

当点击子元素时 会触发child() 和 father() 两个事件，这时可以在子元素加入.stop事件修饰符。

如下:

    <div class="clickfather" @click="father()">
      <div class="clickchild" @click.stop="child()"></div>
    </div>

这时点击子元素就只会触发child() 事件了