Vue的click.stop修飾符可以阻止事件繼續傳播，即防止事件冒泡。

methods: {
outerClick() {
console.log('outer click');
},
innerClick() {
console.log('inner click');
}
}

在上面的例子中，當點擊內部元素時，僅觸發innerClick方法，而不會觸發outerClick方法。

click.stop還可以用在嵌套循環的情況下：

methods: {
outerClick(i) {
console.log(`outer click ${i}`);
},
innerClick(i, j) {
console.log(`inner click ${i}-${j}`);
}
}

當點擊內部元素時，不會觸發外層循環的click方法。

除了click.stop，Vue還提供了其他修飾符來阻止事件冒泡，如：

• .self - 只有事件在該元素自身（而不是子元素）觸發時才會觸發綁定方法。
• .passive - 滾動事件時，能夠更快地響應并滑動。
• .prevent - 阻止默認行為，如表單提交或鏈接跳轉。
• .once - 只觸發一次，即點擊后立即銷毀該事件監聽器。

總之，Vue的事件修飾符十分方便實用，能夠大大簡化事件處理過程，有效避免事件冒泡帶來的問題。