下班了,来读一读vue源码吧(二)

213 阅读1分钟

接上

根据工厂的指示图,我们知道,Vue这个初始模具,首先要放入initMixin车床进行加工。

image.png

我们进入initMixin车间,总的来看,也没啥,就是给我们的Vue车模加入了发动机核心,刚才的模具只是个空壳发动机,这个车间才是真正实现发动机装配的地方。但是总的来说,也就只是给vue加了一个发动机。

image.png

然后,我们来到了stateMixin车间,可以看到,分别是添加了data,data,props,set,set,delete,$watch这几个属性,相当于是vue跑车的驾座,操作按钮,手动挡,离合器,仪表盘这些,依依都给加上了。

image.png

然后,我们来到了eventsMixin车间,可以看到,我们添加了引擎的启动(on)和熄火(on)和熄火(off),喇叭(emit)和气囊(emit)和气囊(once)。

image.png

来到lifecycleMixin车间,可以看到,在这个车间,给vue跑车添加了强制启动(forceUpdate)和强制报废(forceUpdate)和强制报废(destroy)这两个功能。同事也添加了一个不常用的_update方法。用来重启车子。

image.png

来到renderMixin车间,可以大致看到,我们添加了ABS防抱死装置($nextTick)和_rengder,要给不常用的渲染方法,用来实现雨刷器的使用。

image.png