2018-08-14---Vue技术内幕摘记1

1. Vue构造函数--src\core\instance\index.js

instance/index.js 文件中的代码就运行完毕了(注意:所谓的运行,是指执行 npm run dev 命令时构建的运行)。我们大概了解了每个 *Mixin 方法的作用其实就是包装 Vue.prototype,在其上挂载一些实例属性和实例方法,下面我们要做一件很重要的事情,就是将上面的内容集中合并起来,放到一个单独的地方,便于以后查看,我将它们整理到了这里:附录/Vue 构造函数整理-原型,这样当我们在后面详细讲解的时候,提到某个方法你就可以迅速定位它的位置,以便于保持我们思路的清晰。

2. src/core/index.js:

将原型被包装(添加属性和方法)后的 Vue 导入,

然后使用 initGlobalAPI 方法给 Vue 添加静态方法和属性(添加全局的API附录/Vue 构造函数整理-全局API),

除此之外,在这个文件里,也对原型进行了修改,为其添加了两个只读属性:$isServer 和 $ssrContext,

最后添加了 Vue.version 属性并导出了 Vue

3. Vue平台化

4. with compiler

完整版和运行时版的区别就在于 compiler

入口文件是 entry-runtime-with-compiler.js

这个文件运行下来,对 Vue 的影响有两个,第一个影响是它重写了 Vue.prototype.$mount 方法;第二个影响是添加了 Vue.compile 全局API

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容