4.1.3 渲染边界与懒加载（lazy）

文档摘要

4.1.3 渲染边界与懒加载（lazy）在现代前端框架的演进中，渲染边界（Rendering Boundary）早已不是一句轻飘飘的术语——它是真实 DOM 更新策略中一道沉默却锋利的分水岭。它不声张，却决定着组件树中哪一部分的更新会被“截停”；它不显眼，却让与的性能差异有了可量化的落点；它不参与模板编译，却在 runtime 阶段悄然重写 diff 的作用域半径。而当我们将目光投向指令——这个 Vue 3.4+ 正式纳入核心、React 18+ 借助 + 构建、SolidJS 以高阶组件原生支持的机制时，我们面对的已不仅是“延迟加载组件”的表层语义，而是一场关于渲染生命周期切片、异步依赖注入时机、以及 DOM 提交原子性控制的精密工程实践。