[[设计令牌系统 design tokens]]
- **Scoped CSS 与 CSS Modules:**
每个 Vue 单文件组件都可以使用 `<style scoped>`,确保样式局部生效,避免全局污染。如果样式较为复杂,也可以使用 CSS Modules 或者 SASS/LESS 等预处理器进一步组织和复用样式。
- **设计 Tokens 与全局样式变量:**
定义统一的颜色、间距、字体等设计 tokens 放在全局样式文件中,确保整个应用的风格保持一致。例如,通过 CSS 变量或 SASS 变量来实现全局统一管理。