Vue 的源码结构比较绕,同时使用了大量的面向对象的高级技巧。重写方法,扩展方法,多态等应用。从 Vue 实例的加载过程就可以看出来,这一节重点看看 Vue 的源码加载流程是什么。
前言
vue已是目前国内前端web端三分天下之一,同时也作为本人主要技术栈之一,在日常使用中知其然也好奇着所以然,另外最近的社区涌现了一大票vue源码阅读类的文章。在下借这个机会从大家的文章和讨论中汲取了一些营养,同时对一些阅读源码时的想法进行总结,出产一些文章,作为自己思考的总结。
前备知识
- Flow
- ES6语法
- 常用的设计模式
- 柯里化等函数式编程思想
一、vue简介和初始化过程
vue的源码结构如下:
A.compiler 编译用的
a.vue 使用字符串作为模板
b.在编译文件夹中存放对 模板字符串的 解析的算法, 抽象语法树, 优化等
B.core 核心, vue 构造函数, 以及生命周期等方法的部分
C.platforms 平台
a.针对运行的环境 ( 设备 ), 有不同的实现
b.也是 vue 的入口
D.server 服务端, 主要是将 vue 用在服务端的处理代码 ( 略 )
E.sfc, 单文件组件 ( 略 )
F.在编译文件夹中存放对 模板字符串的 解析的算法,