Vue.js 全局运行机制

 

 

流程分析：

1. 初始化以及挂载init, mount
2. 在进行模板编译compile，将template编译为渲染函数render function
3. 执行render function生成Virtual DOM, render function => VNode tree
4. 再进行响应式依赖收集，render function => getter, setter => Watcher.update => patch。以及使用队列进行异步更新的策略。
5. 通过diff算法后进行patch更新视图