vue.js中的.stop修飾符用于阻止事件冒泡**驶俊。當(dāng)一個子元素的事件被觸發(fā)時泼差，默認(rèn)情況下該事件會向上冒泡到父元素躯概。使用.stop修飾符可以阻止這種冒泡行為年栓，從而防止事件傳播到父元素。
使用場景和示例
在Vue實例中糜烹，.stop修飾符通常用于需要阻止事件冒泡的事件綁定中违诗，例如按鈕點擊事件、鏈接點擊事件等疮蹦。以下是一個使用.stop修飾符的示例：
<div @click="handleParentClick">
<button @click.stop="handleButtonClick">Click Me</button>
</div>
在這個例子中诸迟，當(dāng)按鈕被點擊時，handleButtonClick 方法會被執(zhí)行愕乎，但是事件不會冒泡到父元素的 handleParentClick 方法阵苇。
代碼示例
以下是一個簡單的Vue組件示例，展示了如何使用.stop修飾符：
<template>
<div @click="parentMethod">
<button @click.stop="childMethod">點擊我</button>
</div>
</template>
<script>
export default {
name: 'TestVue',
setup() {
const childMethod = () => { console.log('childMethod') };
const parentMethod = () => { console.log('parentMethod') };
return { childMethod, parentMethod };
}
}
</script>
在這個例子中感论，當(dāng)按鈕被點擊時绅项，childMethod 會被執(zhí)行，但是事件不會冒泡到父元素的 parentMethod
