深入剖析Vue源码 - 完整渲染过程
继上一节内容,我们将
Vue
复杂的挂载流程通过图解流程,代码分析的方式简单梳理了一遍,其中也讲到了模板编译的大致流程,然而在挂载的核心处,我们并没有分析模板编译后函数如何渲染为可视化的DOM
节点。这一节,我们将重新回到Vue
实例挂载的最后一个环节:渲染DOM
节点。在渲染真实DOM的过程中,Vue
引进了虚拟DOM
的概念,虚拟DOM
作为JS
对象和真实DOM
中间的一个缓冲存,极大的优化了JS
频繁操作DOM
的性能问题,接下来我们将慢慢展开分析。