$emit 是 Vue.js 框架中的一種通信方式，用于在父子組件或任意兩個(gè)組件之間傳遞信息。在Vue.js的生命周期方法中，每個(gè)組件都有一個(gè) $emit 方法，可以將需要傳遞的參數(shù)打包成一個(gè)事件名稱和一個(gè)事件對(duì)象，并且通過 $emit 方法將其發(fā)射出去。

在父組件中監(jiān)聽這個(gè)事件，可以使用 v-on 或 @ 符號(hào)綁定該事件，并在它上面聲明一個(gè)方法。當(dāng)子組件通過 $emit 發(fā)起一個(gè)該事件時(shí)，父組件中該方法便會(huì)被觸發(fā)，接收到事件對(duì)象（也就是子組件傳遞過來的參數(shù)）。

<!--子組件中發(fā)起事件-->
<template>
<button @click="$emit('event-name', eventObject)"></button>
</template>
<!--在父組件中監(jiān)聽事件-->
<template>
<my-child-component @event-name="handleEvent"></my-child-component>
</template>
<script>
export default {
data() {
return {
eventData: ''
}
},
methods: {
handleEvent(eventData) {
this.eventData = eventData
}
}
}
</script>

在使用 $emit 通信時(shí)，注意以下幾點(diǎn)：

• 事件名稱必須是字符串類型，可以任意取名，子組件和父組件中需要保持一致
• 事件對(duì)象除了可以是原始類型的數(shù)據(jù)，還可以是對(duì)象、數(shù)組等復(fù)雜類型數(shù)據(jù)
• 父組件中的方法名不能與 Vue.js 的保留關(guān)鍵字重復(fù)

在開發(fā)中，$emit 可以幫助我們完成父子組件之間的分工合作，更方便組件之間的通信和數(shù)據(jù)傳遞。掌握 $emit 使用方法，可以提高開發(fā)效率，也能使代碼更加清晰易懂。