课程介绍

基于Vue3+Vite+TS二次封装element-plus业务组件课程是一门教授如何使用Vue3、Vite和TypeScript来构建业务组件的课程。在这门课程中，学员将学习如何使用Vue3的新特性和功能，以及如何使用Vite作为构建工具和开发服务器。此外，课程还会教授如何使用TypeScript来提供类型检查和更好的开发体验。

课程的重点是如何二次封装element-plus组件库，以满足具体业务需求。element-plus是一个基于Vue的UI组件库，它提供了丰富的UI组件和交互效果，但在实际开发中，我们常常需要根据具体业务需求进行一些定制化的封装。在这门课程中，学员将学习如何根据自己的业务需求，对element-plus组件进行二次封装，以提高开发效率和代码复用性。

课程内容包括但不限于以下几个方面：

1. Vue3的基本知识和用法，包括组件的定义、数据绑定、事件处理等；
2. Vite的使用，包括项目的初始化、开发服务器的配置、构建和部署等；
3. TypeScript的基本语法和类型系统，以及在Vue项目中的应用；
4. element-plus组件库的介绍和使用，包括常用组件的用法和配置；
5. 如何根据具体业务需求，对element-plus组件进行二次封装，以提供更好的开发体验和代码复用性；
6. 如何编写测试用例，以保证组件的质量和稳定性。

通过学习这门课程，学员将能够掌握Vue3、Vite和TypeScript的基本知识和用法，以及如何使用它们来构建业务组件。同时，学员还将学会如何使用element-plus组件库，并能够根据具体业务需求进行二次封装，以提高开发效率和代码复用性。

课程目录

8-001-【imooc】课程汇总/
│【imooc-551】基于Vue3+Vite+TS二次封装element-plus业务组件/
││├─第1章 课程简介
││├─第2章 封装组件初级篇（上）
││├─第3章 封装组件初级篇（下）
││├─第4章 封装组件中级篇
││├─第5章 封装组件高级篇（上）
││├─第6章 封装组件高级篇（下）
││├─第7章 封装组件拓展篇
││├─第8章 使用vuepress 编写组件文档
││├─代码资料

详细目录

││第1章 课程简介/
│││├─1-1 导学.mp4 129.6MB
│││├─1-2 二次封装的意义.mp4 29.2MB
││第2章 封装组件初级篇（上）/
│││├─2-1 搭建vite项目并配置路由和element-plus.mp4 139.8MB
│││├─2-10 省市区选择组件-巧用 watch 来达到三级联动效果.mp4 184.3MB
│││├─2-11 省市区选择组件-完善省市区联动组件并给父组件分发事件.mp4 158.5MB
│││├─2-12 利用app.use特性全局注册组件.mp4 75MB
│││├─2-2 全局注册图标.mp4 122.1MB
│││├─2-3 伸缩菜单-完成伸缩菜单基本功能.mp4 185.3MB
│││├─2-4 伸缩菜单-抽离头部和侧边栏组件并完善伸缩菜单.mp4 140.7MB
│││├─2-5 图标选择器-巧用两次watch控制弹框的显示与隐藏.mp4 263.4MB
│││├─2-6 图标选择器-巧用component动态组件显示所有的图标.mp4 165.1MB
│││├─2-7 图标选择器-利用命名空间修改dialog样式.mp4 128.9MB
│││├─2-8 图标选择器-通过自定义 hooks 函数实现复制功能.mp4 102.5MB
│││├─2-9 省市区选择组件-利用 github 获取到省市区数据.mp4 154.1MB
││第3章 封装组件初级篇（下）/
│││├─3-1 趋势标记-图标的组合使用实现上升下降趋势.mp4 176.8MB
│││├─3-2 趋势标记-动态绑定class的妙用实现颜色反转.mp4 152.5MB
│││├─3-3 趋势标记-计算属性的妙用实现文字颜色.mp4 159.9MB
│││├─3-4 通知菜单-icon和badge组件的组合使用.mp4 124.7MB
│││├─3-5 通知菜单-封装一个列表组件(上).mp4 195.5MB
│││├─3-6 通知菜单-封装一个列表组件(下).mp4 59.8MB
│││├─3-6 通知菜单-封装一个列表组件(下)~1.mp4 48byte
│││├─3-7 通知菜单-完善list组件并融合进通知菜单.mp4 97.1MB
││第4章 封装组件中级篇/
│││├─4-1 导航菜单-导航菜单的需求分析和数据设计.mp4 245.2MB
│││├─4-10 城市选择组件-组合式使用组件完成基本布局.mp4 352.2MB
│││├─4-11 城市选择组件-获取城市数据并显示所有城市.mp4 265.8MB
│││├─4-13 城市选择组件-完善按省份选择城市.mp4 389.4MB
│││├─4-4 导航菜单-利用封装好的导航菜单组件改造项目整体结构.mp4 126.4MB
│││├─4-5 导航菜单-完善细节并增加自定义键名功能.mp4 186.1MB
│││├─4-7 时间选择组件-完成时间选择组件的全部功能.mp4 274MB
│││├─4-8 时间选择组件-完成日期选择组件所有功能.mp4 266.1MB
││第5章 封装组件高级篇（上）/
│││├─5-1 表单组件-一个强大的表单组件应该具备哪些功能.mp4 147.3MB
│││├─5-10 表单组件-完善表单重置逻辑.mp4 109.1MB
│││├─5-11 表单组件-弹出框表单的基本结构.mp4 136.6MB
│││├─5-12 表单组件-使用defineExpose获取表单实例方法.mp4 257.6MB
│││├─5-13 表单组件-完善表单逻辑.mp4 144.4MB
│││├─5-14 表单组件-表单组件总结.mp4 63.5MB
│││├─5-2 表单组件-使用ts定义表单配置项的数据类型.mp4 217.8MB
│││├─5-3 表单组件-使用配置的数据完成一个基本版表单.mp4 304.1MB
│││├─5-4 表单组件-巧用component动态组件配置添加子元素组件.mp4 331.9MB
│││├─5-5 表单组件-单独处理上传组件-1.mp4 379.5MB
│││├─5-6 表单组件-单独处理上传组件-2.mp4 256.3MB
│││├─5-7 表单组件-巧用插槽给表单加上操作项.mp4 238.9MB
│││├─5-8 表单组件-完善表单上传逻辑.mp4 114.3MB
│││├─5-9 表单组件-集成富文本编辑器 wangeditor.mp4 165.4MB
││第6章 封装组件高级篇（下）/
│││├─6-10 表格组件-实现表格分页功能.mp4
│││├─6-2 表格组件-使用 ts 定义表格组件需要的类型.mp4 80KB
│││├─6-4 表格组件-巧用插槽实现操作项和自定义列数据.mp4
│││├─6-5 表格组件-为表格加上loading效果.mp4 164.5MB
│││├─6-6 .表格组件-实现可编辑单元格功能.mp4 460MB
│││├─6-7 表格组件-实现可编辑行功能-1.mp4 210.2MB
│││├─6-8 表格组件-实现可编辑行功能-2.mp4 139MB
│││├─6-9 表格组件-修复冒泡事件带来的问题.mp4 67.2MB
││第7章 封装组件拓展篇/
│││├─7-1 日历组件-element-plus日历组件的不足和为何选择fullcalendar来二次封装.mp4 97.4MB
│││├─7-2 日历组件-使用fullcalendar配置生成日历.mp4 122.5MB
│││├─7-3 日历组件-日历的事件渲染和点击事件处理.mp4 264MB
│││├─7-4 日历组件-自定义渲染日历内容.mp4 167.8MB
│││├─7-5 修复组件出现的样式问题.mp4 52.3MB
││第8章 使用vuepress 编写组件文档/
│││├─8-1 实现组件的全量打包.mp4 157MB
│││├─8-10 编写组件库文档的快速上手.mp4 141MB
│││├─8-11 完善组件库所有组件说明（1）.mp4 83MB
│││├─8-12 完善组件库所有组件说明（2）.mp4
│││├─8-13 完善组件库所有组件说明（3）.mp4
│││├─8-14 完善组件库所有组件说明（4）.mp4
│││├─8-15 完善组件库所有组件说明（5）.mp4
│││├─8-16 完善组件库所有组件说明（6）.mp4
│││├─8-17 完善组件库文档介绍.mp4
│││├─8-2 单独打包每个组件实现按需引入.mp4
│││├─8-3 发布组件库到 npm.mp4
│││├─8-4 如何更新已经发布的组件库版本.mp4
│││├─8-5 如何在 github 部署预览项目.mp4
│││├─8-6 如何在码云部署预览项目.mp4
│││├─8-7 组件库文档首页编写.mp4
│││├─8-8 编写文档网站头部导航和侧边导航.mp4
│││├─8-9 集成组件库并添加显示和交互.mp4
││代码资料/
│││├─m-element-components.7z 151.6KB