Vue源码解析之函数入口

从入口开始看起

写博客就是记录自己撸码的过程和问题,好了~废话就不多说了,直接源码撸起,通过上一篇博客咱们大致知道了Vue源码目录设计,下面我们要一步步找到vue的入口

通过查看package.json中scripts命令会发现以下命令

O(∩_∩)O是不是很熟悉的味道~~~~~~~~~~~

打开配置文件config.js后,我们会发现builds对象,对象中有不同环境,我们找到web-full-dev

接下来我么看entry字段,它对应方法resolve方法,通过此方法解析到地址:src/platforms/web/entry-runtime-with-compiler.js

通过aliases得到不同地址对象

嘿嘿~~我们轻松找到了vue真正的入口文件:src/platforms/web/entry-runtime-with-compiler.js

打开文件后我们会发现此文件中vue其实不是真正vue构造函数,但是我们离着它的真身已经非常的接近接近

通过层层寻找,我们找到真正的vue构造函数在src/core/instance/index.js

vue真正的构造函数找到了,具体函数现在不用多看,后面咱们一起慢慢的解开它的面纱,无论以后会不会使用到但是Vue源码的编码形式和结构是我们值得学习的。。。。

好啦~~~在此小弟感谢那么帮助到小弟的大神和老师们。谢谢~~~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值