Vue3.3 + TS4 ，自主打造媲美 ElementPlus 的组件库

课程信息

在互联网就业形式越来越严峻的今天，掌握一项具有强竞争力的技能尤其重要。复杂组件库研发因其涉及的技术难度和广度无疑成为最好的选择。本课程带你使用最新技术栈Vue3.3 + TS4 以及周边最新技术，从0到1完成10+经典组件的设计与开发，1:1 全体系复刻大厂组件库开发全流程，提升架构思维和代码设计能力，进阶成为前端开发高手。

课程目录

├── 1-课程介绍
│   ├── 1-1 课程导学.mp4 14.12M
│   └── 1-2 代码库使用注意事项.mp4 19.75M
├── 2-Typescript 基础知识
│   ├── 2-1 什么是 Typescript 为什么要学习它.mp4 24.11M
│   ├── 2-2 安装 Typescript.mp4 13.46M
│   ├── 2-3 原始数据类型和 Any 类型.mp4 13.26M
│   ├── 2-4 数组和元组@更多it视频+微信：307570512.mp4 15.07M
│   ├── 2-5 Interface- 接口 初探.mp4 8.75M
│   ├── 2-6 函数.mp4 17.13M
│   ├── 2-7 类型推论 联合类型和 类型断言.mp4 18.14M
│   ├── 2-8 枚举（Enum）.mp4 17.74M
│   ├── 2-9 泛型（Generics） 第一部分.mp4 18.29M
│   ├── 2-10 泛型（Generics） 第二部分 - 约束泛型.mp4 16.62M
│   ├── 2-11 泛型第三部分 - 泛型在类和接口中的使用.mp4 26.21M
│   ├── 2-12 类型别名，字面量 和 交叉类型.mp4 16.61M
│   ├── 2-13 声明文件 第一部分.mp4 39.67M
│   ├── 2-14 声明文件 第二部分.mp4 27.21M
│   ├── 2-15 内置类型.mp4 25.24M
│   └── 2-16 配置文件.mp4 27.37M
├── 3- Vue3.0 结合 Typescript 基础知识全面补强
│   ├── 3-1 Vue3 学习导学.mp4 5.25M
│   ├── 3-2 使用 vite 创建项目.mp4 29.30M
│   ├── 3-3 文件结构以及推荐插件.mp4 45.96M
│   ├── 3-4 ESLint 简介和初步使用.mp4 40.01M
│   ├── 3-5 ESLint 配合 Vite 设置更多规则.mp4 54.51M
│   ├── 3-6 响应式基础 - Ref 和 Reactive.mp4 36.19M
│   ├── 3-7 computed 计算属性.mp4 26.55M
│   ├── 3-8 watch 监听器.mp4 57.60M
│   ├── 3-9 生命周期和模版引用.mp4 46.67M
│   ├── 3-10 组件基础-属性.mp4 48.21M
│   ├── 3-11 组件自定义事件.mp4 26.64M
│   ├── 3-12 组合式函数.mp4 39.58M
│   ├── 3-13 创建 useURLLoader.mp4 60.96M
│   ├── 3-14 useURLLoader 第二部分.mp4 30.21M
│   ├── 3-15 setup语法第一部分.mp4 28.92M
│   ├── 3-16 setup 语法第二部分.mp4 33.00M
│   ├── 3-17 依赖注入第一部分.mp4 41.18M
│   ├── 3-18 依赖注入第二部分.mp4 27.88M
│   └── 3-19 Vue3.3更新简介.mp4 43.21M
├── 4-万事开头难 - Button 组件
│   ├── 4-1 Button 组件架构设计以及需求分析60.mp4 38.64M
│   ├── 4-2 初始化项目以及项目文件结构61.mp4 35.92M
│   ├── 4-3 Button 组件编码第一部分62.mp4 106.79M
│   ├── 4-4 安装使用 Vue Macros63.mp4 68.32M
│   ├── 4-5 Button编码第二部分64.mp4 99.92M
│   ├── 4-6 选取 CSS 解决方案，现代样式解决方案一览65.mp4 79.17M
│   ├── 4-7 色彩系统：当一次设计师66.mp4 85.11M
│   ├── 4-8 添加色彩变量67.mp4 78.85M
│   ├── 4-9 添加CSS Reset68.mp4 58.09M
│   ├── 4-10 为 Button 添加样式70.mp4 127.05M
│   ├── 4-11 使用 PostCSS 生成对应的CSS 颜色变量71.mp4 147.13M
│   └── 4-12 Button 章节总结72.mp4 41.49M
├── 5-更近一步 Collapse 组件
│   ├── 5-1 Collapse 组件架构设计以及需求分析69.mp4 60.70M
│   ├── 5-2 Collapse 编码第一部分 基础编码73.mp4 79.06M
│   ├── 5-3 Collapse 编码第二部分 - 使用 Context 完成父子属性传递74.mp4 76.12M
│   ├── 5-4 Collapse 编码第三部分支持 v-model75.mp4 83.41M
│   ├── 5-5 Collapse 添加样式以及原生 Transition 组件76.mp4 103.51M
│   ├── 5-6 Collapse 添加下拉动画 - 动态计算高度（难点）77.mp4 61.89M
│   ├── 5-7 Collapse 添加动画第二部分 - 尽善尽美78.mp4 41.47M
│   └── 5-8 Collapse 组件总结79.mp4 21.38M
├── 6-它山之石 - Icon 组件
│   ├── 6-1 图标库发展历程简介以及 Fontawesome 的安装使用1.mp4 75.93M
│   ├── 6-2 Icon 组件编码第一部分 - 基本实现2.mp4 80.67M
│   ├── 6-3 Icon 组件编码第一部分 - 完善功能以及样式添加3.mp4 66.98M
│   ├── 6-4 看看怎么样 - 为 Button 以及 Collapse 添加图标4.mp4 88.22M
│   └── 6-5 Icon组件总结5.mp4 48.95M
├── 7-组件测试
│   ├── 7-1 为什么要有测试6.mp4 25.11M
│   ├── 7-2 简介 Vitest 以及使用7.mp4 54.46M
│   ├── 7-3 学习回调测试以及模拟第三方库实现8.mp4 96.27M
│   ├── 7-4 安装 vue-test-utils 并且使用9.mp4 45.97M
│   ├── 7-5 Button 测试用例第二部分10.mp4 58.05M
│   ├── 7-6 Button 测试第三部分：学习使用 stub11.mp4 69.68M
│   ├── 7-7 学习 VNode 定义以及 Render Function12.mp4 66.15M
│   ├── 7-8 使用 Render Function 写组件以及了解JSX13.mp4 58.33M
│   ├── 7-9 为 Collapse 添加测试用例14.mp4 108.55M
│   ├── 7-10 测试Collapse 事件的第一种方式16.mp4 41.66M
│   ├── 7-11 添加 Collapse 组件的事件测试 第二部分17.mp4 75.69M
│   ├── 7-12 整理测试用例18.mp4 91.99M
│   └── 7-13 测试总结19.mp4 32.56M
├── 8-通用组件 -Tooltip 组件
│   ├── 8-1 Tooltip 组件需求分析15.mp4 29.15M
│   ├── 8-2 安装并试用 Popper.js20.mp4 75.83M
│   ├── 8-3 Tooltip 编码第一部分 - 实现基本功能21.mp4 86.85M
│   ├── 8-4 Tooltip 编码第二部分 - 支持动态事件22.mp4 97.80M
│   ├── 8-5 Tooltip编码第三部分 - 实现外侧点击关闭23.mp4 49.89M
│   ├── 8-6 Tooltip 编码第四部分 - 实现手动打开关闭24.mp4 70.04M
│   ├── 8-7 Tooltip 编码第五部分 - 添加 popper 参数以及动画效果25.mp4 72.56M
│   ├── 8-8 Tooltip 编码第六部分 - 实现延时显示隐藏功能26.mp4 78.12M
│   ├── 8-9 给 Tooltip 组件添加样式27.mp4 87.25M
│   ├── 8-10 给 Tooltip 组件添加测试29.mp4 104.67M
│   └── 8-11 Tooltip 组件总结30.mp4 36.02M
├── 9章合集-现学现卖 - Dropdown 组件
│   └── 128.mp4 281.65M
├── 10章合集-高难度 - Message 组件（有难度）
│   ├── 231.mp4 286.18M
│   └── 332.mp4 285.91M
├── 11章合集-更好的展示方式 - 使用工具生成文档
│   └── 433.mp4 280.88M
├── 12章合集-进入表单的世界 - Input 组件
│   ├── 534.mp4 280.43M
│   └── 635.mp4 283.79M
├── 13章合集-狸猫换太子 - Switch 组件
│   └── 736.mp4 282.23M
├── 14章合集-魔高一丈- Select 组件（有难度）
│   ├── 837.mp4 282.31M
│   └── 938.mp4 280.17M
├── 15章合集-大一统- Form 组件（有难度）
│   ├── 1039.mp4 276.54M
│   ├── 1140.mp4 282.34M
│   └── 1241.mp4 369.58M
├── 16章合集-组件库的打包以及发布
│   ├── 16-751.mp4 82.90M
│   ├── 16-852.mp4 114.08M
│   ├── 16-953.mp4 99.20M
│   ├── 16-1042.mp4 108.08M
│   ├── 16-1143.mp4 116.06M
│   ├── 16-1244.mp4 97.76M
│   ├── 16-1345.mp4 127.96M
│   ├── 16-1446.mp4 104.81M
│   ├── 16-1547.mp4 139.68M
│   ├── 16-1648.mp4 127.68M
│   ├── 16-1749.mp4 154.91M
│   ├── 16-1850.mp4 72.69M
│   ├── [16.1]--16-1 导学54.mp4 48.74M
│   ├── [16.2]--16-2 Javascript 模块化历史55.mp4 116.61M
│   ├── [16.3]--16-3 Bundler打包工具 简介56.mp4 105.14M
│   ├── [16.4]--16-4 Vite 的工作原理57.mp4 159.84M
│   ├── [16.5]--16-5 明确打包什么类型的模块58.mp4 87.43M
│   └── [16.659.mp4 140.24M
└── 课件
    ├── 课件.exe 17.95M
    └── 课件.zip 17.62M