组件

组件就像乐高积木：导航栏、商品卡片、按钮都可以是一块积木，写好一次，到处复用。在 React 里，组件通常是一个返回 JSX 的函数，文件名像 ProductCard.tsx；在 Vue 里是 .vue 文件。组件通过 Props 接收外部数据，通过 状态 记住自己内部的变化。

注意区分三层：组件是你项目里的积木；组件库是别人做好的一整盒积木（如 Ant Design、shadcn/ui）；框架是拼积木的规则和底板（如 React、Vue）。

拆得好的组件职责单一，改一处不影响别处。一个页面文件超过几百行时，通常就该让 AI 帮你拆组件了。