虚拟 DOM 的真正功劳：性能兜底与开发范式 虚拟 DOM 解决的是两个核心问题： 研发效率：它让前端开发进入了“声明式”时代。

Teleport 是 Vue3 中一个强大的特性，它打破了 DOM 树的限制，让我们可以更灵活地组织组件。理解它的实现原理，不仅能帮助我们更好地使用它，也能在遇到复杂场景时找到合适的解决方案。

BOM是使用JS开发Web应用程序的核心。 Window对象 BOM的核心是window对象，表示浏览器的实例。 window对象在浏览器中有两重身份，一个是ECMAScript中的Global对象，

节点类型 文档对象模型（DOM）是HTML和XML文档的编程接口，表示由多层节点构成的文档，通过它开发者可以添加、删除和修改页面的各个部分。 document节点表示每个文档的根节点。根节点的唯一子节

JS与HTML的交互是通过事件实现的。 可以使用仅在事件发生时执行的监听器订阅事件。在传统软件工程领域，这个模型叫“观察者模式”，其能够做到页面行为与页面展示的分离 浏览器的事件系统非常复杂。

本文深入解析Vue3组件渲染的核心机制，从组件VNode的特殊结构到组件实例的设计实现，揭示了组件状态初始化的完整流程，为理解Vue3组件系统的底层实现提供了全面视角。

Vue3 的虚拟 DOM 在设计上进行了大量的优化，理解虚拟 DOM 的设计与实现，不仅帮助我们写出更高效的 Vue 应用，也为后续学习 diff 算法和渲染器打下坚实基础。

BOM：浏览器对象模型，它提供与浏览器窗口进行交互的对象，核心对象是 window。 列如常见的后退页面，前进页面。window 对象是浏览器的顶级对象，它具有双重角色。它是 JS 访问浏览器窗口的一个接口。全局对象。定义在全局作用域中的变量、函数都会变成 window 对象的属...

1. 什么是DOM？ DOM文档对象模型，以根元素开头展开成一颗树，描述了处理网页内容的方法和接口。最根本对象是document（window.document）。 2. 什么是DOM事件？ 举例，c