Vue.js 是一個(gè)用于構(gòu)建交互性的 Web 界面的開(kāi)源 JavaScript 框架，它的一個(gè)強(qiáng)大的特性是組件通信。

當(dāng)一個(gè)組件需要向另一個(gè)組件發(fā)送消息時(shí)，可以使用 Vue.js 中的 $on 方法。指定事件名稱，本組件可以隨時(shí)監(jiān)聽(tīng)該事件。隨后，可以通過(guò) $emit 方法發(fā)送特定名稱的事件，可以添加消息數(shù)據(jù)，以后就可以接收其他組件發(fā)送的事件并進(jìn)行操作。

// 注冊(cè)監(jiān)聽(tīng)事件
this.$on('event-name', function(msg) {
console.log(msg);
});
// 發(fā)送消息
this.$emit('event-name', 'hello world');

$on 和 $emit 的方法是 Vue.js 處理組件之間通信的主要方式之一，也是最簡(jiǎn)單的方式之一。但是，在實(shí)際使用過(guò)程中，需要根據(jù)具體需求進(jìn)行使用。例如，如果組件和組件之間存在父子層級(jí)關(guān)系，則優(yōu)先使用父組件來(lái)監(jiān)聽(tīng)和更新子組件中的數(shù)據(jù)。子組件可以使用 $emit 來(lái)發(fā)送消息到父組件，而父組件通過(guò)監(jiān)聽(tīng)子組件的方法來(lái)更新。

除了 $on 和 $emit 方法之外，Vue.js 還有其他的方法來(lái)處理組件通信。例如，使用事件總線 (event bus) 來(lái)連接不同的組件，使用 Vuex 來(lái)處理應(yīng)用程序的狀態(tài)。

總之，Vue.js 的 $on 方法是一個(gè)強(qiáng)大的工具，可用于組件之間的通信和消息傳遞。它提供了很多方便的方法，使開(kāi)發(fā)人員可以更容易地在 Vue.js 中實(shí)現(xiàn)和處理組件之間的通信。