vue 源码分析一

初始化

在new Vue()时会调用_init()进行初始化，会初始化各种实例方法、全局方法、执行⼀一些⽣命周期、初始化props、data等状态。其中最重要的是data的「响应化」处理。初始化之后调用$mount挂载组件，主要执行编译和首次更新编译

编译

模块分为三个阶段

1. parse：使用正则解析template中的vue的指令(v-xxx) 变量等形成抽象语法树AST

2. optimize：标记一些静态节点，用作后面的性能优化，在diff的时候直接略略过

3. generate：把第一部生成的AST 转化为渲染函数 render function

虚拟dom

Virtual DOM 是react首创，Vue2开始支持，就是用 JavaScript 对象来描述dom结构，数据修改的时候，我们先修改虚拟dom中的数据，然后数组做diff，最后再汇总所有的diff，力求做最少的dom操作，毕竟js里对比很快，而真实的dom操作太慢 

更新

数据修改触发setter，然后监听器会通知进行修改，通过对比新旧vdom树，得到最小修改，就是patch，然后只需要把这些差异修改即可

compile源码编译

详细代码

源码低仿下载地址

源码目录分析