Vue中,$on是一個非常重要的方法,它用于監聽自定義事件。它的基本用法如下:
$vm.$on(eventName, callback)
其中,$vm表示Vue實例,eventName表示事件名稱,callback表示回調函數。當事件被觸發時,回調函數將被調用。
在實際應用中,我們可以使用$on方法來實現組件之間的通信。例如,一個子組件需要將數據傳遞給父組件,可以通過觸發一個自定義事件來實現:
// 子組件中
this.$emit('eventName', data)
// 父組件中
this.$on('eventName', (data) => {
// 處理數據
})
在這個例子中,子組件通過$emit方法觸發了一個名為eventName的自定義事件,并將數據data傳遞給了父組件。父組件通過$on方法監聽了eventName事件,并在回調函數中處理了傳遞過來的數據。
需要注意的是,$on方法只能在Vue實例上調用,不能在組件實例上調用。
上一篇h5 本地 json