vue里边的冒泡处理

描述：父容器上有@click、子元素里也有@click、那么点击子元素、会触发父容器的函数。可以用@click.stop解决。

<div @click="foo1">
父容器
<p @click.stop="foo2">子元素1</p>
<p @click="foo3">子元素2</p><
</div>

点击子元素1、触发foo2函数、点击子元素2触发foo1

原因就是事件的冒泡机制   点击子元素、默认冒泡回父元素

可能有不正确的地方、因为这个是在路由跳转的时候出现的。其他的未测试，我应该说的不对、but  @click.stop是阻止冒泡机制的