Vue Custom Event（自定義事件）是Vue.js的一項核心功能，它可以讓你在父組件中定義一個事件，然后傳遞給其子組件。

使用Vue Custom Event非常簡單，你只需要在父組件中使用v-on指令定義一個事件，然后在相應的子組件中使用$emit方法觸發(fā)該事件。下面是一個示例：

// ParentComponent.vue
<template>
<div>
<ChildComponent v-on:custom-event="handleCustomEvent"></ChildComponent>
</div>
</template>
<script>
import ChildComponent from './ChildComponent'
export default {
components: {
ChildComponent
},
methods: {
handleCustomEvent() {
console.log('Custom event activated!')
}
}
}
</script>
// ChildComponent.vue
<template>
<button v-on:click="handleClick">Activate Custom Event</button>
</template>
<script>
export default {
methods: {
handleClick() {
this.$emit('custom-event')
}
}
}
</script>

在上面的代碼示例中，我們首先在父組件中使用v-on指令定義一個名為custom-event的自定義事件，并將其綁定到名為handleCustomEvent的方法上。接著，在子組件中，我們通過使用$emit方法觸發(fā)該自定義事件。

使用Vue Custom Event需要注意以下幾點：

• 自定義事件必須有一個名稱，并且該名稱在父組件和子組件中必須一致。
• 在父組件中，使用v-on指令來監(jiān)聽自定義事件。
• 在子組件中，使用$emit方法來觸發(fā)自定義事件。

總之，Vue Custom Event是非常實用的Vue.js功能之一，它可以讓父組件和子組件之間進行有效通信，并提高應用程序的交互性。