Vue.js是目前最流行的前端框架之一，它提供了很多強大的API，比如$on和$emit。在這篇文章中，我們將介紹Vue.js中的$on方法，它用于接收自定義事件。

在Vue.js中，$on方法被用于注冊自定義事件，以便在特定的事件發(fā)生時調(diào)用回調(diào)函數(shù)。$on方法的語法如下：

vm.$on(event, callback)

其中，vm是Vue實例，event是事件名，callback是回調(diào)函數(shù)。當事件被觸發(fā)時，callback將被調(diào)用。

下面是一個$on方法的例子：

vm.$on('test-event', function(msg){
console.log(msg);
});
vm.$emit('test-event', 'Hello, Vue!');

在上面的例子中，我們首先使用$on方法來注冊test-event事件，并定義了一個回調(diào)函數(shù)，它將接收一個msg參數(shù)并將它打印到控制臺。然后，我們使用$emit方法來觸發(fā)test-event事件，并傳遞了一個消息“Hello, Vue!”作為參數(shù)。當事件被觸發(fā)時，我們的回調(diào)函數(shù)將被調(diào)用，并在控制臺輸出“Hello, Vue!”。

總之，$on方法是Vue.js中一個非常有用的API，它可以讓我們注冊自定義事件，并在事件發(fā)生時執(zhí)行回調(diào)函數(shù)。通過$on方法和$emit方法的配合使用，我們可以輕松實現(xiàn)組件之間的通信。