vue事件

事件：
stopPropagation， cancelBubble=true阻止事件传播，阻止冒泡，也可以阻止捕获
preventDefault，阻止默认行为
returnValue=false放在提交表单中的onclick事件中则不会提交表单，如果放到超链接中则不执行超链接，也就是它禁止了或取消了请求
e.srcElement&&e.target 判断事件源绑定事件

在Vue中，在绑定事件时就可以实现阻止冒泡 @event.stop==stopPropagation==cancelBubble=true

<div @click="child">child
    <div @click.stop="grandson">grandson</div>
</div>

capture先捕获再冒泡，依次弹出parent grandson child
@event.capture== xxx.addEventListener('event', fn, true);

<div @click.capture="parent">parent
    <div @click="child">child
         <div @click="grandson">grandson</div>
    </div>
</div>

prevent，依次弹出parent grandson child
@event.prevent== preventDefault==returnValue=false

先弹出parent 再跳转去百度
<a href="www.baidu.com" @click="parent">去百度</a>
只弹出不跳转
<a href="https://www.baidu.com/" @click.prevent="parent">你再去</a>

@event.prevent，只绑定一次
@event.self==e.srcElement&&e.target 判断事件源绑定事件，只点击自己的时候才有效