這篇文章給大家分享的是有關(guān)vue中$on怎么用的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)公司主要從事網(wǎng)站制作、成都做網(wǎng)站、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)撫遠,十載網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108

在vue中，“$on”用于監(jiān)聽當前實例上的自定義事件，事件可以由“vm.$emit”觸發(fā)，回調(diào)函數(shù)會接收所有傳入事件觸發(fā)函數(shù)的額外參數(shù)，語法為“vm.$on( event, callback )”。

本文操作環(huán)境：windows10系統(tǒng)、Vue2.9.6版，DELL G3電腦。

vue中$on的用法

vue中使用 $on(eventName) 監(jiān)聽事件

$on(eventName) 監(jiān)聽當前實例上的自定義事件。事件可以由 vm.$emit 觸發(fā)?；卣{(diào)函數(shù)會接收所有傳入事件觸發(fā)函數(shù)的額外參數(shù)。

vm.$on( event, callback )

參數(shù)：

{string | Array} event (數(shù)組只在 2.2.0+ 中支持) {Function} callback

實例1  本頁面單個事件

以上代碼，是通過按鈕的點擊事件，然后this.$emit傳遞事件，然后this.$on捕獲本頁面的事件

實例2 本頁面多個事件

以上例子，是本頁面的兩個點擊事件，可以同時監(jiān)聽兩個事件，也可以同時傳多個參數(shù)

感謝各位的閱讀！關(guān)于“vue中$on怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！