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 等特定的命名空间
) => voidconst render: )
)
、Texture(纹理)、Shader(着色器)简介)
