要读懂源码还是要有一定的基础的,在此就默认是会的。
我使用的工具是VScode,废话不多说,首先看最外层的函数:
var Vue = (
function (exports) {
'use strict';
return exports;
}({}));
可以看到,Vue是()里的自执行函数的返回值exports,是个对象。exports是函数接收一个空对象参数然后经过函数处理后返回的。那么函数给exports这个对象加了什么呢?无非就是属性和方法嘛。
截取了一部分,可以看到,蓝色的是对象属性,黄色的方法。关于对象里是什么,方法是什么功能的,留到后面看咯。