Vue.js3.0组件DOM渲染原理详解是怎样的？

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

原文：本文字主要讲述Vue.js 3.0中一个组件是如何转变为页面中真实DOM节点的。对于任何基于Vue.js的应用来说，一切的故事都从应用的初始化根组件（通常命名为APP）开始，挂载到HTML上。

Vue.js 3.0中，组件如何变为页面DOM？一切从根组件初始化，挂载至HTML。

本文主要是讲述 Vue.js 3.0 中一个组件是如何转变为页面中真实 DOM 节点的。对于任何一个基于 Vue.js 的应用来说，一切的故事都要从应用初始化「根组件（通常会命名为 APP）挂载到 HTML 页面 DOM 节点（根组件容器）上」说起。所以，我们可以从应用的根组件为切入点。

主线思路：聚焦于一个组件是如何转变为 DOM 的。