继上一节内容,我们将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 小结