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