
Vue.js3高级编程-UI组件库开发
来自 网络整理·免费领取学习资源
7,454 领取 · 9,339 收藏更新于 2026年9月20日
这份资料来自网络整理2026年的付费VIP课,内容以视频为主,对应《Vue.js3高级编程-UI组件库开发》。官网需要单独购买,有集上可以免费领取。
资源介绍:
系统全面地介绍了UI组件库的开发过程,包括UI组件库的开发规范、底层逻辑、开发思维,以及UI组件库的运作原理、版本号管理、Markdown文件、npm发布等
课程目录
- 第1章 monoreop工作区配置
- 第01节
- 第02节 monorepo 建立工作区
- 第03节 构建演示项目
- 第04节 构建button组件目
- 第05节 全局注册、按需加载
- 第2章 sass规范组件库UI样式
- 第07节 css 组件元素规范
- 第08节 css 组件CSS的命名规范
- 第09节 css 定义命名空间
- 第10节 sass 定义block命间
- 第11节 sass 定义子元素element命名
- 第12节 sass 定义modifier以及modifierValue的属性
- 第13节 sass 定义is方法生成禁用类名
- 第14节 css组件为主题包定义
- 第3章 button组件基本开发
- 第15节 button组件基础渲染
- 第16节 button组件theme主题渲染
- 第17节 button组件round圆角
- 第18节 button组件disabled禁用
- 第19节 button组件hover属性
- 第20节 button组件text属性
- 第21节 button组件link链接属性
- 第22节 button组件block块级属性
- 第23节 button组件border属性
- 第24节 button组件size属性
- 第25节 button组件circle圆形
- 第26节 button组件icon图标
- 第27节 button组件loading加载
- 第28节 button组件loading业务加载
- 第29节 button组件click单击事件
- 第30节 button组件slot插槽
- 第31节 buttonGroup组件
- 第32节 buttonGroup组件样式
- 第33节 buttonGroup属性优先级
- 第4章 sass定义组件库样式变量
- 第34节 sass – deepMarge定义主题色
- 第35节 sass – 层次色生成原理
- 第36节 sass – @each @for @include生成层色
- 第37节 sass – 其他属性的定义
- 第38节 root – 了解基本用法
- 第39节 sass – 定义变量前缀
- 第40节 sass – 生成主题色变量属性
- 第41节 sass – 生成层次色变量属性
- 第42节 sass – 变量名称的使用
- 第43节 sass – 生成全局变量属性
- 第5章 button组件应用sass变量
- 第44节 组件可变化的属性
- 第45节 定义button组件的私有变量
- 第46节 生成button组件的私有变量
- 第47节 button组件绑定变量
- 第48节 button组件生成主题色变量
- 第49节 button组件绑定主题色变量
- 第50节 button组件绑定size尺寸变量
- 第51节 button组件绑定fontSize文本尺寸变量
- 第52节 button组件绑定disabled禁用属性变量
- 第53节 button组件绑定link链接按钮变量
- 第54节 button组件绑定text文本属性变量
- 第6章 bem规则生成类名
- 第55节 bem规则生成类名的概念
- 第56节 bem规则生成块元素类名
- 第57节 bem规则生成element子块元素类名
- 第58节 bem规则生成modifier修改属性类名
- 第59节 bem规则生成state状态类名
- 源码 + 课件
包含内容
- · 第1章 monoreop工作区配置
- · 第01节
- · 第02节 monorepo 建立工作区
- · 第03节 构建演示项目
- · 第04节 构建button组件目
- · 第05节 全局注册、按需加载
- · 第2章 sass规范组件库UI样式
- · 第07节 css 组件元素规范
贡献者
小宇
白银
学习社区
1 人正在学习
编程与技术实践交流
交流编程基础、项目实践、数据库和部署问题。提问请说明环境、复现步骤与已尝试的方法。