继上一节内容,我们将
Vue
复杂的挂载流程通过图解流程,代码分析的方式简单梳理了一遍,最后也讲到了模板编译的大致流程。然而在挂载的核心处,我们并没有分析模板编译后渲染函数是如何转换为可视化DOM
节点的。因此这一章节,我们将重新回到Vue
实例挂载的最后一个环节:渲染DOM
节点。在渲染真实DOM
的过程中,Vue
引进了虚拟DOM
的概念,这是Vue
架构设计中另一个重要的理念。虚拟DOM
作为JS
对象和真实DOM
中间的一个缓冲层,对JS
频繁操作DOM
的引起的性能问题有很好的缓解作用。
- 4.1 Virtual DOM
- 4.2 Vnode
- 4.3 Virtual DOM的创建
- 4.4 虚拟Vnode映射成真实DOM
- 4.5 小结