Vue.js事件機制源碼解析

來源：懂視網責編：小OO 時間：2020-11-27 20:04:21

Vue.js事件機制源碼解析

在學習過程中，為Vue加上了中文的注釋https：//github.com/answershuto/learnVue/tree/master/vue-src，希望可以對其他想學習Vue源碼的小伙伴有所幫助。可能會有理解存在偏差的地方，歡迎提issue指出，共同學習，共同進步。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。初始化事件；

推薦度：

點擊下載本文 文檔為doc格式

導讀在學習過程中，為Vue加上了中文的注釋https：//github.com/answershuto/learnVue/tree/master/vue-src，希望可以對其他想學習Vue源碼的小伙伴有所幫助。可能會有理解存在偏差的地方，歡迎提issue指出，共同學習，共同進步。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。初始化事件；

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

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

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上創建一個_events對象，用來存放事件。_events的內容如下：

存放事件名以及對應執行方法。

$on

$on方法用來在vm實例上監聽一個自定義事件，該事件可用$emit觸發。

$once

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

$off

$off用來移除自定義事件

$emit

$emit用來觸發指定的自定義事件。

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