下载源码
从Git上面下载Vue的源码,下载地址https://github.com/vuejs/vue,下载的时候选择自己的需要解读的版本。我选择的是2.6的版本
如何阅读源码
-
使用编辑器打开源码首先打开package.json文件查看我们的启动脚本。如下图所示
- 我们使用的是npm run dev来执行脚本
- 编译的时候我们使用的rollup来制订脚本 -c 代表会执行配置文件 ,-w代表热更新
- scripts.config.js 代表会执行scripts/config.js这个配置文件
- web-full-dev:代表会 在config.js中执行函数的参数是web-full-dev
-
进入scripts.config.js文件中查找web-full-dev,查找结果如下
、
entry代表rollup编译的入口是resolve中的这个入口。resolve参数是一个别名地址,它对应的是src/platforms这个路劲 -
进入src/platforms/web/entry-runtime-with-compiler.js.可以看到引入了Vue
根据这个地址查找Vue的初始化。最终在src/core/instance/index找到Vue的初始化的过程