Vue 源码浏览笔记

废话在前

原本为了了解一下 slot 是怎么处理的,于是看了源码,最后虽然还没看到那边,但是大概了解了 new Vue() 的过程,记录一下。

下载仓库并安装依赖

运行、在源码中打断点

vue 使用的是 rollup 打包。

scripts/config.js 中的 genConfig 方法中的 config 对象中加上

1
sourcemap: true

然后 npm run dev

会打包 vue.jsdist

接下来随便开一个 example ,引入刚刚打包的 dist/vue.js ,浏览器直接打开 html ,因为开了 sourcemap ,可以直接在谷歌开发者工具中对源码进行断点

开篇就这样吧