Vue框架是一個用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架。其中，事件委托（Event Delegation）是Vue中一種非常重要的概念，它可以幫助我們更好地處理DOM事件。

什么是事件委托呢？簡單來說，它就是將事件處理程序綁定在父元素上，而不是在每個子元素上綁定。這樣做的好處是可以減少事件處理程序的數(shù)量，提高性能。

Vue中使用事件委托需要通過v-on指令來實(shí)現(xiàn)。具體來說，我們可以通過v-on指令將事件處理程序綁定到一個父元素上，并根據(jù)事件的target屬性來判斷事件源，并決定執(zhí)行哪些邏輯。以下是一個示例代碼：

<template>
<ul v-on:click="onClick">
<li>列表項(xiàng)1</li>
<li>列表項(xiàng)2</li>
<li>列表項(xiàng)3</li>
</ul>
</template>
<script>
export default {
methods: {
onClick(event) {
if (event.target.tagName === 'LI') {
console.log(event.target.innerText);
}
}
}
};
</script>

在上面的代碼中，我們將點(diǎn)擊事件綁定到了ul元素上，在處理事件時判斷事件源的tagName，如果是li元素則將其innerText輸出到控制臺上。

事件委托是Vue中非常實(shí)用的一個特性，它可以幫助我們更好地處理DOM事件，并提高性能。我們應(yīng)該在實(shí)際開發(fā)中廣泛使用它。