## 背景

最近做完了一个流程管理的系统，组件的划分为后续新的开发节省了大量时间，同时也对该系统的展示系统做了一些维护，其中组件划分得相当细致，反而为调试带来了一些麻烦。

## 组件划分原则

1. **单一职责**：每个组件只做一件事
2. **可复用性**：组件应该具备通用性
3. **可组合性**：小组件可以组合成更大的组件

## 容器组件 vs 展示组件

- **容器组件**：关心数据如何工作，调用 API、管理状态
- **展示组件**：关心界面如何呈现，通过 props 接收数据

## 重构建议

如果组件过细导致调试困难：
1. 将常用的组合封装成更大的复合组件
2. 使用 composition API / hooks 提取逻辑
3. 善用 slot 和 render props