├── Vue.js 3高级编程：UI组件库开发
├── 第1章：Monorepo工作区配置
│ ├── Monorepo概念与工作区搭建
│ ├── 创建组件库演示项目
│ ├── Button基础组件构建
│ ├── 组件全局注册与按需加载
│ └── …
├── 第2章：Sass规范设计组件库UI样式
│ ├── CSS组件命名规范
│ ├── 组件元素Element命名规范
│ ├── Block组件块命名
│ ├── Modifier修饰属性定义
│ ├── is状态类名生成
│ ├── 主题包样式设计
│ └── …
├── 第3章：Button组件基础开发
│ ├── Button组件基础渲染
│ ├── Button主题Theme实现
│ ├── Button圆角Round属性
│ ├── Button禁用Disabled状态
│ ├── Button Hover/Text/Link属性
│ ├── Button Block块级属性
│ ├── Button Size尺寸属性
│ ├── Button Circle圆形按钮
│ ├── Button Icon图标支持
│ ├── Button Loading加载状态
│ ├── Button Click事件
│ ├── Button Slot插槽
│ ├── ButtonGroup组件开发
│ ├── ButtonGroup样式处理
│ └── …
├── 第4章：Sass定义组件库样式变量
│ ├── Sass变量体系设计
│ ├── deepMerge定义主题色
│ ├── 层次色生成原理
│ ├── @each/@for/@include循环生成变量
│ ├── 变量前缀设计
│ ├── 变量名称规范
│ ├── 其他组件属性变量
│ ├── root全局变量定义
│ ├── 主题色变量生成
│ ├── 层次色变量生成
│ └── …
├── 第5章：Button组件应用Sass变量
│ ├── 组件可变化属性设计
│ ├── Button私有变量定义
│ ├── Button变量生成
│ ├── 主题色变量绑定
│ ├── Size尺寸变量绑定
│ ├── FontSize文本尺寸变量绑定
│ ├── Disabled禁用变量绑定
│ ├── Link链接按钮变量绑定
│ ├── Text文本属性变量绑定
│ └── …
├── 第6章：BEM规则生成组件类名
│ ├── BEM命名规范介绍
│ ├── Block块元素类名生成
│ ├── Element子元素类名生成
│ ├── Modifier修改属性类名生成
│ ├── State状态类名生成
│ └── …
