在vue中，自定義屬性和事件委托是兩種非常常見的技術，它們可以幫助我們更加靈活和高效地開發Vue應用。自定義屬性可以讓我們定義自己的DOM屬性，并在Vue組件中使用它們。而事件委托則允許我們將事件處理程序綁定到父元素，以減少重復代碼和提高性能。

首先，我們來看一下如何使用自定義屬性。在Vue中，可以通過v-bind指令來綁定屬性。例如，在組件列表中，我們可能需要為每個組件定義一個唯一的id屬性：

<template>
<div v-for="component in components" :key="component.id">
<my-component :id="component.id"></my-component>
</div>
</template>
<script>
export default {
data() {
return {
components: [
{ id: 'component-1' },
{ id: 'component-2' },
{ id: 'component-3' }
]
}
}
}
</script>

在上面的例子中，我們通過v-for指令遍歷components數組，并將每個組件的id屬性綁定到my-component組件中。這樣，在my-component組件內部，我們就可以通過this.$props.id來獲取該組件的id屬性。

接下來，我們來看一下如何使用事件委托。在Vue中，可以通過v-on指令來綁定事件處理程序。例如，在一個嵌套的組件列表中，我們可能需要為每個子組件添加一個點擊事件處理程序：

<template>
<div v-for="parent in parents" :key="parent.id" @click="handleClick">
<div v-for="child in parent.children" :key="child.id" @click="handleClick">
<my-component :id="child.id"></my-component>
</div>
</div>
</template>
<script>
export default {
methods: {
handleClick(event) {
// do something...
}
}
}
</script>

在上面的例子中，我們為父元素和子元素綁定了相同的點擊事件處理程序，并在處理程序中使用event.target來獲取當前點擊的元素。這樣，我們就可以將相同的事件處理邏輯應用于所有的子元素。

總之，自定義屬性和事件委托是兩種非常有用的技術，它們可以幫助我們更好地組織和管理Vue應用。學會它們之后，我們可以寫出更加靈活和高效的代碼。