Vue阻止上级冒泡的方法 子原元素事件触发父元素事件 禁止父元素事件冒泡
click事件
@click.stop="XXX"举例：
<li @click="funcP">
列表1
<span @click="funcS">删除</span>
</li>
<li>列表2</li>
...问题描述：
点击“删除”，删除列表1后，会触发funcp
原因：
发生事件冒泡，执行完子元素绑定的事件后，又执行了父元素的事件
解决方法：
<span @click.stop="funcS">删除</span>touch事件
@touchmove.prevent.stop举例：
<div @touchmove="touchMove">
<div @touchmove="touchMoveSon"></div>
</div>问题描述：
拖动 “touchMoveSon”时父元素触发move子元素touch事件无效
原因：
发生事件冒泡，执行完子元素绑定的事件后，又执行了父元素的事件
解决方法：
<div @touchmove="touchMoveSon" @touchmove.prevent.stop></div>