如何读Vue2.6.x的源码

下载源码

从Git上面下载Vue的源码，下载地址https://github.com/vuejs/vue，下载的时候选择自己的需要解读的版本。我选择的是2.6的版本

如何阅读源码

  1. 使用编辑器打开源码首先打开package.json文件查看我们的启动脚本。如下图所示


    image.png
  • 我们使用的是npm run dev来执行脚本
  • 编译的时候我们使用的rollup来制订脚本 -c 代表会执行配置文件 ，-w代表热更新
  • scripts.config.js 代表会执行scripts/config.js这个配置文件
  • web-full-dev:代表会 在config.js中执行函数的参数是web-full-dev

  1. 进入scripts.config.js文件中查找web-full-dev，查找结果如下


    image.png

    、
    entry代表rollup编译的入口是resolve中的这个入口。resolve参数是一个别名地址，它对应的是src/platforms这个路劲

  2. 进入src/platforms/web/entry-runtime-with-compiler.js.可以看到引入了Vue


    image.png

    根据这个地址查找Vue的初始化。最终在src/core/instance/index找到Vue的初始化的过程

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容