组件是可复用的 UI 单元：把一块「结构 + 逻辑 + 样式」封装起来，对外暴露清晰的接口（props 进、事件出）。组件化的本质是前端版的「模块化 + 接口设计」。

1. 组件作为接口

一个好组件，对外的契约只有两件事：

• 输入：props（父传子）；
• 输出：emits（子通知父）。

内部实现（DOM 结构、状态、样式）应当私有。这和后端设计一个 Service 接口是一样的：依赖接口，不依赖实现。