Vue中的cancelBubble是一個很常用的功能。該屬性可以阻止事件冒泡，使得子元素觸發(fā)的事件不會傳遞給父元素。

methods: {
handleClick(e) {
// 阻止事件冒泡
e.cancelBubble = true;
// 事件處理邏輯
...
}
}

在上述代碼中，我們在點(diǎn)擊事件處理函數(shù)中使用e.cancelBubble = true來阻止事件冒泡。這樣做可以避免在父元素上也觸發(fā)了子元素相同的事件。

除了cancelBubble之外，Vue還提供了stopPropagation和preventDefault方法來控制事件的傳播和默認(rèn)行為。

methods: {
handleClick(e) {
// 阻止事件冒泡
e.stopPropagation();
// 阻止默認(rèn)行為
e.preventDefault();
// 事件處理邏輯
...
}
}

stopPropagation方法可以阻止事件冒泡，但是不會影響事件的默認(rèn)行為。而preventDefault方法可以阻止事件的默認(rèn)行為，但是不會影響事件的傳播。在某些場景中，我們可能需要同時使用這兩種方法。

需要注意的是，Vue中的cancelBubble和stopPropagation方法只能阻止當(dāng)前元素上的事件傳播，不能阻止其他元素的事件傳播。如果希望完全阻止事件傳播，應(yīng)該在處理函數(shù)中同時使用cancelBubble和stopPropagation方法。