Vue.js事件機(jī)制源碼解析

來源：懂視網(wǎng) 責(zé)編：小OO 時(shí)間：2020-11-27 20:04:21

Vue.js事件機(jī)制源碼解析

在學(xué)習(xí)過程中，為Vue加上了中文的注釋https：//github.com/answershuto/learnVue/tree/master/vue-src，希望可以對其他想學(xué)習(xí)Vue源碼的小伙伴有所幫助。可能會有理解存在偏差的地方，歡迎提issue指出，共同學(xué)習(xí)，共同進(jìn)步。Vue事件API；眾所周知，Vue.js為我們提供了四個事件API，分別是$on](https：//cn.vuejs.org/v2/api/#vm-on-event-callback)，[$once，$off](https：//cn.vuejs.org/v2/api/#vm-off-event-callback)，[$emit。初始化事件；

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀在學(xué)習(xí)過程中，為Vue加上了中文的注釋https：//github.com/answershuto/learnVue/tree/master/vue-src，希望可以對其他想學(xué)習(xí)Vue源碼的小伙伴有所幫助。可能會有理解存在偏差的地方，歡迎提issue指出，共同學(xué)習(xí)，共同進(jìn)步。Vue事件API；眾所周知，Vue.js為我們提供了四個事件API，分別是$on](https：//cn.vuejs.org/v2/api/#vm-on-event-callback)，[$once，$off](https：//cn.vuejs.org/v2/api/#vm-off-event-callback)，[$emit。初始化事件；

因?yàn)閷ue.js很感興趣，而且平時(shí)工作的技術(shù)棧也是Vue.js，這幾個月花了些時(shí)間研究學(xué)習(xí)了一下Vue.js源碼，并做了總結(jié)與輸出。本文主要介紹了Vue.js源碼之事件機(jī)制，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，希望能幫助到大家。

在學(xué)習(xí)過程中，為Vue加上了中文的注釋https://github.com/answershuto/learnVue/tree/master/vue-src，希望可以對其他想學(xué)習(xí)Vue源碼的小伙伴有所幫助。
可能會有理解存在偏差的地方，歡迎提issue指出，共同學(xué)習(xí)，共同進(jìn)步。

Vue事件API

眾所周知，Vue.js為我們提供了四個事件API，分別是$on](https://cn.vuejs.org/v2/api/#vm-on-event-callback)，[$once，$off](https://cn.vuejs.org/v2/api/#vm-off-event-callback)，[$emit。

初始化事件

初始化事件在vm上創(chuàng)建一個_events對象，用來存放事件。_events的內(nèi)容如下：

存放事件名以及對應(yīng)執(zhí)行方法。

$on

$on方法用來在vm實(shí)例上監(jiān)聽一個自定義事件，該事件可用$emit觸發(fā)。

$once

$once監(jiān)聽一個只能觸發(fā)一次的事件，在觸發(fā)以后會自動移除該事件。

$off

$off用來移除自定義事件

$emit

$emit用來觸發(fā)指定的自定義事件。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com