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

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

在上面的例子中，當(dāng)點(diǎn)擊內(nèi)部元素時(shí)，僅觸發(fā)innerClick方法，而不會觸發(fā)outerClick方法。

click.stop還可以用在嵌套循環(huán)的情況下：

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

當(dāng)點(diǎn)擊內(nèi)部元素時(shí)，不會觸發(fā)外層循環(huán)的click方法。

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

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

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