renderer 详解
- 1. 源码解析
- 2. render过程详解
-
- 2.1 处理 vnode 为 null 的情况
- 2.2 处理 vnode 非 null 的情况
- 2.3 钩子函数的调用
- 2.4 更新 container 的 _vnode 属性：
- 3. 使用示例
render 函数是 Vue 的根渲染函数，用于将虚拟节点（VNode）渲染或更新到实际的 DOM 容器中。这个函数是渲染流程中的高级入口点，因为它直接处理根级的虚拟节点（VNode）和它们的挂载或更新逻辑。所以我们从 render 方法入手理解 Vue 渲染机制。
1. 源码解析
export type RootRenderFunction<HostElement = RendererElement> = (
vnode: VNode | null, // 要渲染或更新的虚拟节点
container: HostElement, // DOM 元素，它是 vnode 的挂载目标
namespace?: ElementNamespace, // 可选参数，用于支持如 SVG 或 MathML 等特定的命名空间
) => void
const render: 
![[C++核心编程-05]----C++类和对象之对象的初始化和清理](https://img-blog.csdnimg.cn/direct/8c950650f9cf4766998c55b1c4c52e3a.png)
