$on()是Vue中一個非常重要的方法，它可以讓你監(jiān)聽一個特定的事件。這個方法的作用是當一個特定事件被觸發(fā)時，執(zhí)行一些代碼。

該方法可以接受兩個參數(shù)：第一個參數(shù)是要監(jiān)聽的事件的名稱，第二個參數(shù)是當事件被觸發(fā)時執(zhí)行的回調(diào)函數(shù)。這個方法可以在Vue實例以及Vue組件中使用。

//Vue實例
created() {
this.$on('eventName', () =>{
//當eventName事件被觸發(fā)時，執(zhí)行這里的代碼
})
}
//Vue組件
mounted() {
this.$on('eventName', this.handleEvent)
},
methods: {
handleEvent() {
//當eventName事件被觸發(fā)時，執(zhí)行這里的代碼
}
}

在Vue實例和組件中，可以使用$emit()方法來觸發(fā)一個事件。例如：

//Vue實例
this.$emit('eventName')
//Vue組件
this.$emit('eventName')

在使用$on()方法時，需要注意下面兩個點：

1.事件名稱必須是字符串 - 它們不能是變量或表達式。

2.當你監(jiān)聽Vue實例的事件時，會返回一個取消監(jiān)聽該事件的函數(shù)，可以使用這個函數(shù)取消監(jiān)聽事件。例如：

//Vue實例
const off = this.$on('eventName', () =>{
// ...
})
//取消監(jiān)聽
off()

總結(jié)一下，$on()方法是Vue框架的一項非常有用的功能之一。通過使用$on()方法可以輕松地監(jiān)聽一個特定的事件，并在事件被觸發(fā)時執(zhí)行一些代碼。