已经用vue有一段时间了,最近花一些时间去阅读Vue源码,看源码的同时便于理解,会用工具画下结构图。 今天把最近看到总结的结构图分享出来。希望可以帮助和其他同学一起进步。当然里边可能存在一些疏漏的,或者不正确的地方。希望发现的同学给予指正。 下边这张图 ...
上一节看完 Vue源码思维导图 Vue 构造函数 原型 静态属性和方法 ,这节将会以new Vue 为入口,大体看下 this. init 要做的事情。 下边解开 init的面纱 总结思维导图如下: 高清原图地址:https: github.com huashuaipeng vue blob master Vue init.png 代码参考: https: github.com vuejs vu ...
2018-07-08 20:31 0 2213 推荐指数:
已经用vue有一段时间了,最近花一些时间去阅读Vue源码,看源码的同时便于理解,会用工具画下结构图。 今天把最近看到总结的结构图分享出来。希望可以帮助和其他同学一起进步。当然里边可能存在一些疏漏的,或者不正确的地方。希望发现的同学给予指正。 下边这张图 ...
https://img2020.cnblogs.com/blog/1553188/202008/1553188-20200824111144684-4911710.png 补充中... ...
本节将看下初始化中的$options: 通过上边的代码可以看到 ,初始化时vm.$options被mergeOptions方法赋值。那么mergeOptions又做了哪些事情呢? 一. 检查组件名称是否符合要求( 1.是否由字母和-组成,并且以字母开头 ...
...
源码分享者:姚观寿 vue源码业余时间差不多看了一年,以前在网上找帖子,发现很多帖子很零散,都是一部分一部分说,断章的很多,所以自己下定决定一行行看,经过自己坚持与努力,现在基本看完了, 。这个vue源码逐行分析,我基本每一行都打上注释,加上整个框架的流程思维导图,基本上是小白也能看懂 ...
又看完一遍中文社区的教程接下来开始做vue2.0的源码解读了! 注:解读源码时一定要配合vue2.0的生命周期和API文档一起看 vue2.0的生命周期分为4主要个过程 create。 创建---实例化Vue(new Vue) 时,会先进行create。 mount。挂载 ...
废话不多说。 我们先来看看Vue的入口文件。 本章先讲第17行开始的initMixin方法 —— 组件初始化 initMixin 这里记一下: 每一个VM对象在实例化的时候,会给一个uid。 然后我们再看 ...
...