vue源码分析笔记(02)—vue全局API

上篇文章我们分析了vue的初始化,这一篇文章我们接着core\index.js中第二行代码来看看作者初始化了哪些全局api。
在这里插入图片描述
先看看global-api/index.js中有些什么东西。
在这里插入图片描述
第23行至第34行,就是在Vue对象上添加config属性,至于为什么这么写,上篇文章给已经解释过了,这里就不多说了,以后也不会对该类代码进行具体解释了。
我们发现,第24行中的config是一个变量,网上找,我们发现这是引用进来的,我们去看看这是什么东西。
在这里插入图片描述
我们发现,这其实就是一些配置项,比如是否开启devtools等等。
第40行至第61行,给Vue对象添加一些方法。我们来看看第59行的ASSET_TYPES是什么东西,找到文件node_modules\vue\src\shared\constants.js,我们可以看到,这其实就是一个常量,然后在global-api中动态添加属性。
在这里插入图片描述
第66行,就是将Vue对象挂载至Vue.options._base下,我们不妨将这一块打印出来看看,console.log(vue.$options)
在这里插入图片描述
这些东西是不是非常熟悉呢,对就是我们看到的,在global-api中添加的。

这篇文章就简单的分析了一下vue初始化的时候挂载的一些全局api。

本内容全属个人研究,如有错误之处,敬请指出。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值