如何读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

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

   
   image.png

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

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

   
   image.png
   

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