@click.stop：阻止事件冒泡 - daniel-qa/Vue GitHub Wiki
在 Vue 中，事件冒泡是指事件从目标元素向上传播至其父元素的过程。使用 .stop 修饰符可以防止这个传播过程，确保事件只在当前元素上触发，而不会影响到父元素或其他兄弟元素上的事件处理。
假设有以下 HTML 结构：
<div @click="parentClick">
<button @click.stop="childClick">Click Me</button>
</div>
如果没有使用 .stop 修饰符，点击 button 元素时，事件会从 button 向上传播到父级 div 元素，触发父元素的点击事件：
methods: {
parentClick() {
console.log('Parent Clicked');
},
childClick() {
console.log('Child Clicked');
}
}