vue 3 推荐使用模板而非 render 函数，因其可被编译器静态分析并生成优化的 block tree，实现细粒度更新；而 render 函数为运行时 javascript，无法参与 block 构建，导致更新退化为传统 vnode diff。
Vue 3 推荐使用模板而非 Render 函数，核心原因在于：模板能被编译器静态分析，从而生成高度优化的 Block Tree 结构，而手写的 Render 函数绕过了编译阶段，无法享受这些自动优化。
模板天然支持 Block Tree 优化
Vue 3 编译器会将模板解析为 AST，再根据响应式依赖的层级关系，把 DOM 树划分为多个“动态块（Block）”。每个 Block 只包含可能变化的节点及其依赖的响应式变量。更新时，Vue 只需重渲染受影响的 Block，跳过完全静态的部分。
- 例如：
<div>{{ staticText }}<span>{{ count }}</span> </div>会被拆成两个 Block：外层div是静态块（无响应式插值），内层span是动态块（依赖count） - 这种细粒度更新大幅减少虚拟 DOM diff 范围和 patch 操作，尤其在大型列表或嵌套结构中效果显著
Render 函数无法参与 Block Tree 构建
Render 函数是运行时执行的 JavaScript，Vue 编译器无法提前分析其中的响应式依赖路径、节点稳定性或子树更新边界。因此：
