简体中文
如何选择组件和插件
约 754 字大约 3 分钟
2025-12-18
在低代码或前端可扩展开发中，开发者常面临“自定义组件”与“自定义插件”的选择。本文将从定义、适用场景、开发成本及维护角度进行分析，帮助团队做出合理选择。
1. 定义与特点
| 类型 | 定义 | 核心特点 |
|---|---|---|
| 自定义组件 | 前端可复用的 UI 组件，可直接在页面中拖拽或调用 | - 可直接渲染界面 - 可组合其他组件 - 与页面状态紧密关联 |
| 自定义插件 | 扩展平台功能或业务逻辑的模块，可在特定场景中触发 | - 通常不直接渲染 UI - 主要处理逻辑或事件 - 可被多个组件或页面共享 |
2. 适用场景
自定义组件
- 需要可视化呈现的功能模块，如表单控件、列表、图表等
- UI 复杂且可复用，存在多处使用场景
- 需要响应用户交互、动态更新页面状态
自定义插件
- 提供功能扩展或业务逻辑处理，如数据校验、权限检查、外部 API 调用
- 功能独立，不依赖具体页面布局
- 在条件允许的情况下可复用在多个组件或流程中
3. 开发与维护成本
| 类型 | 开发成本 | 维护成本 |
|---|---|---|
| 自定义组件 | 中等~高：涉及 UI、交互、状态管理 | 中等：UI 改动需同步更新使用组件的页面 |
| 自定义插件 | 低~中等：主要编写逻辑 | 低：逻辑独立，变动影响面小 |
4. 选择建议
以呈现为主 → 组件
如果核心需求是可视化展示、用户交互或页面布局相关，优先使用自定义组件。以逻辑为主 → 插件
如果核心需求是数据处理、业务逻辑或功能复用，优先使用自定义插件。兼顾场景
- UI 与逻辑都重要时，可将逻辑部分封装为插件，UI 部分封装为组件，通过组件和插件互相调用实现复用与解耦。
- 避免把大量业务逻辑直接写入组件，降低维护成本。
5. 总结
- 自定义组件：适合 UI 与交互密切相关的功能，关注界面和状态
- 自定义插件：适合独立逻辑和功能扩展，关注复用与解耦
- 最佳实践：UI 与逻辑分离，组件调用插件，实现灵活复用与可维护性