当前位置:Gxlcms > JavaScript > Vue.js事件机制源码解析

Vue.js事件机制源码解析

时间:2021-07-01 10:21:17 帮助过:3人阅读

因为对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用来触发指定的自定义事件。


相关推荐:

node事件机制解说

PHP事件机制的实现

jq与js中的事件机制与阻止

以上就是Vue.js事件机制源码解析的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行