Vue中的$on()方法是讓我們綁定自定義事件的方法。這個方法需要兩個參數(shù)：事件名稱和回調(diào)函數(shù)。當我們在某個位置觸發(fā)該事件時，它會自動執(zhí)行所綁定的回調(diào)函數(shù)。

// 綁定事件
this.$on('myEvent', function (data) {
console.log(data)
})
// 觸發(fā)事件
this.$emit('myEvent', 'hello')

首先，我們需要在某個實例中綁定自定義事件。在這個例子中，我們使用了this關(guān)鍵字，因為它是指向Vue實例的。我們給事件命名為“myEvent”，并且定義了一個回調(diào)函數(shù)。在這個例子中，回調(diào)函數(shù)會在事件觸發(fā)時被執(zhí)行。它會控制臺打印出傳遞給事件的數(shù)據(jù)“hello”。

接著，我們需要在其他位置觸發(fā)該事件。這個例子中，我們同樣使用了this關(guān)鍵字，并且使用$emit()方法來觸發(fā)“myEvent”事件。參數(shù)“hello”會被傳遞給事件的回調(diào)函數(shù)。

總之，$on()方法是Vue框架中用于自定義事件綁定和監(jiān)聽的方法。通過它，我們可以很方便地實現(xiàn)自己的事件系統(tǒng)，并且通過$emit()方法觸發(fā)該事件。