Vue3源码中，如何分析组件挂载阶段创建的虚拟节点过程？

本文共计6062个文字，预计阅读时间需要25分钟。

目录+前言提醒+1. Mount函数+2. 创建虚拟节点的几种方法+（1）createVNode：用于创建组件的虚拟节点+（2）createElementVNode：用于创建普通tag的虚拟节点，如div/div+（3）createCommentVNode：用于创建注释的虚拟节点注释

目录

• 前情提要
• 1. Mount函数
• 2. 创建虚拟节点的几个方法
• (1) createVNode:用于创建组件的虚拟节点
• (2) createElementVNode:用于创建普通tag的虚拟节点如<div></div>
• (3) createCommentVNode:用于创建注释的虚拟节点
• (4) createTextVNode:用于创建文本的虚拟节点
• (5) createStaticVNode:用于创建静态的虚拟节点,没有使用任何变量的标签就是静态节点
• 3. patch函数
• 4. 总结

前情提要

本文我们接着Vue3源码系列(1)-createApp发生了什么?继续分析,我们知道调用createApp方法之后会返回一个app对象，紧接着我们会调用mount方法将节点挂载到页面上。