一样的按钮，需要反复写吗？
关键词：组件 · 可复用的界面零件
一句话说清把按钮、卡片、导航栏做成组件，写一次就能到处用。改一处，所有用到它的地方一起更新。
打个比方
像印章：刻好一次，想盖多少次就盖多少次，而且每次都一模一样。
记住这一点
一个组件只负责一件事。
举个例子
<Button color="blue">开始学习</Button> <Button color="white">了解更多</Button>
同一个按钮组件，换个参数就是不同样子。
常见误区
- ✕ 只有框架才有组件✓ 纯 HTML 里也可以用复用的 CSS 类达到类似效果，框架让它更方便。
- ✕ 组件拆得越细越好✓ 拆太细反而难找。按「会不会重复出现」来决定。
动手试一试
看看你常用的网站，数一数同一个样式的卡片或按钮出现了几次——那就是组件。
考考你
3 道小题，看看这张卡片记住了多少。选完马上能看到解析。
1把按钮做成组件的好处是？
组件像印章，刻好一次，想盖多少次都一样。
2关于组件，哪种说法是误区？
拆太细反而难找，按“会不会重复出现”来决定。
3<Button color="white">了解更多</Button> 里的 color 是？
参数让同一个组件呈现不同样子。
接着翻这几张
灵点AI 知识卡片 · 第 22 / 48 张