组件组合（Component Composition）是构建复杂 UI 的基础。本文阐述组合模式与可扩展设计。
组合模式
- Slot/children 模式：将复杂组件拆分为可插拔的子区域。
- 高阶组件 / render props：在复用逻辑的同时保持灵活性。
API 设计
- 提供明确的 props 边界与受控/非受控模式，便于不同使用场景。
结论
通过合理的组合模式，可以在保持组件通用性的同时满足复杂页面构建需求。
初步纲要
组件组合（Component Composition）是构建可复用 UI 和生成模板的核心模式。本文讨论组合策略、API 设计与性能注意点。
组合原则
- 小而专注的组件：每个组件只实现单一职责，便于在模板中灵活组合。
- 明确契约（props/events）：通过严格的 props/事件接口保证组合时的可预测性。
插槽与配置化组件
- 使用插槽（slots）或 slot-similar 机制允许模板作者自定义局部结构，同时保留组件的默认行为。
- 对可配置的组件提供 schema 描述（字段类型、默认值、校验规则），便于在编辑器中自动生成表单。
性能与渲染成本
- 在生成器中预估组合后组件的渲染成本（例如深层嵌套导致的渲染树膨胀），并在编辑器提供性能提示。
相关链接：