配置驱动风格是把可变化的界面、规则或流程抽成配置,而不是把所有逻辑写死在代码里。

核心思想

当多个页面或组件结构相似、只是字段和行为不同,就可以用配置描述差异。

const fields = [
  { key: 'name', label: '姓名', type: 'text' },
  { key: 'age', label: '年龄', type: 'number' }
];

渲染层读取配置,再生成表单、表格或菜单。

适用场景

  • 后台管理系统表格。
  • 动态表单。
  • 权限菜单。
  • 多主题样式。
  • 工作流步骤。

风险

不要为了配置而配置。简单页面直接写组件更清晰;当重复结构足够多、变化点稳定时,配置驱动才值得引入。


本文归档于个人知识库 · 领域:CS & AI · 模块:04 Project_CS_AI/Frontend