mksz551-基于Vue3+Vite+TS，二次封装element-plus业务组件[完结] - 优百课栈

上传

点击文件名下载附件
【课程目录】

第1章课程简介2 节 | 24分钟
本章节简单介绍课程最终效果，技术选型，学习目标及学习收获。
[url=]收起列表[/url]
- 视频：1-1 导学 (17:58)
- 视频：1-2 二次封装的意义 (05:36)
第2章封装组件初级篇（上）14 节 | 115分钟
本章节会实现一些基础功能组件，意在讲解封装组件的技巧和组件设计思想，包括如何定义视图，定义数据和定义事件，为后续难度升级做好准备。
[url=]收起列表[/url]
- 视频：2-1 搭建vite项目并配置路由和element-plus (09:17)
- 视频：2-2 全局注册图标 (07:43)
- 视频：2-3 伸缩菜单-完成伸缩菜单基本功能 (10:55)
- 视频：2-4 伸缩菜单-抽离头部和侧边栏组件并完善伸缩菜单 (08:22)
- 视频：2-5 图标选择器-巧用两次watch控制弹框的显示与隐藏 (16:55)
- 视频：2-6 图标选择器-巧用component动态组件显示所有的图标 (09:47)
- 视频：2-7 图标选择器-利用命名空间修改dialog样式 (07:41)
- 视频：2-8 图标选择器-通过自定义 hooks 函数实现复制功能 (06:52)
- 视频：2-9 省市区选择组件-利用 github 获取到省市区数据 (09:39)
- 视频：2-10 省市区选择组件-巧用 watch 来达到三级联动效果 (11:26)
- 视频：2-11 省市区选择组件-完善省市区联动组件并给父组件分发事件 (09:51)
- 视频：2-12 利用app.use特性全局注册组件 (06:02)
- 作业：2-13 扩展一个省市区街道四级联动组件
- 作业：2-14 扩展一个级联选择框的省市区组件
第3章封装组件初级篇（下）7 节 | 91分钟
本章节会实现一些基础功能组件，意在讲解封装组件的技巧和组件设计思想，包括如何定义视图，定义数据和定义事件，为后续难度升级做好准备。
[url=]收起列表[/url]
- 视频：3-1 趋势标记-图标的组合使用实现上升下降趋势 (14:27)
- 视频：3-2 趋势标记-动态绑定class的妙用实现颜色反转 (09:17)
- 视频：3-3 趋势标记-计算属性的妙用实现文字颜色 (09:46)
- 视频：3-4 通知菜单-icon和badge组件的组合使用 (10:22)
- 视频：3-5 通知菜单-封装一个列表组件(上) (13:42)
- 视频：3-6 通知菜单-封装一个列表组件(下) (27:26)
- 视频：3-7 通知菜单-完善list组件并融合进通知菜单 (05:45)
第4章封装组件中级篇 14 节 | 206分钟
本章节会通过四个复杂组件来深入组件封装的技巧和思想，当遇到复杂需求时，如何利用现有组件实现更多功能。
[url=]收起列表[/url]
- 视频：4-1 导航菜单-导航菜单的需求分析和数据设计 (11:12)
- 视频：4-2 导航菜单-巧用 template 实现两级结构的菜单 (11:41)
- 视频：4-3 导航菜单-使用 tsx 实现无限层级菜单 (17:35)
- 视频：4-4 导航菜单-利用封装好的导航菜单组件改造项目整体结构 (07:49)
- 视频：4-5 导航菜单-完善细节并增加自定义键名功能 (11:24)
- 视频：4-6 进度条-完成进度条动态加载效果 (13:04)
- 视频：4-7 时间选择组件-完成时间选择组件的全部功能 (19:16)
- 视频：4-8 时间选择组件-完成日期选择组件所有功能 (17:10)
- 视频：4-9 时间选择组件-修复日期选择组件结束日期未清空问题 (01:29)
- 视频：4-10 城市选择组件-组合式使用组件完成基本布局 (21:49)
- 视频：4-11 城市选择组件-获取城市数据并显示所有城市 (15:43)
- 视频：4-12 城市选择组件-绑定事件并实现点击字母跳转到对应区域 (12:04)
- 视频：4-13 城市选择组件-完善按省份选择城市 (23:04)
- 视频：4-14 城市选择组件-使用 filter-method 实现搜索过滤 (21:53)
第5章封装组件高级篇（上） 14 节 | 177分钟
本章节将对表单，这个在平时业务当中用的最多并且最重要的两个组件进行二次封装，也是本次课程难度最大，课程中将展现更多组件封装技巧，特别是对复杂组件的处理。
[url=]收起列表[/url]
- 视频：5-1 表单组件-一个强大的表单组件应该具备哪些功能 (09:58)
- 视频：5-2 表单组件-使用ts定义表单配置项的数据类型 (12:27)
- 视频：5-3 表单组件-使用配置的数据完成一个基本版表单 (18:09)
- 视频：5-4 表单组件-巧用component动态组件配置添加子元素组件 (19:43)
- 视频：5-5 表单组件-单独处理上传组件-1 (19:10)
- 视频：5-6 表单组件-单独处理上传组件-2 (14:46)
- 视频：5-7 表单组件-巧用插槽给表单加上操作项 (14:39)
- 视频：5-8 表单组件-完善表单上传逻辑 (06:46)
- 视频：5-9 表单组件-集成富文本编辑器 wangeditor (13:34)
- 视频：5-10 表单组件-完善表单重置逻辑 (08:12)
- 视频：5-11 表单组件-弹出框表单的基本结构 (11:08)
- 视频：5-12 表单组件-使用defineExpose获取表单实例方法 (15:26)
- 视频：5-13 表单组件-完善表单逻辑 (08:37)
- 视频：5-14 表单组件-表单组件总结 (03:44)
第6章封装组件高级篇（下）
本章节将对表格，这个在平时业务当中用的最多并且最重要的两个组件进行二次封装，课程中将展现更多组件封装技巧，特别是对复杂组件的处理。
第7章封装组件拓展篇
本章节将会选择fullcalendar作为日历基础组件，将fullcalendar封装成一个高拓展性的日历组件。
第8章使用vuepress 编写组件文档
本章节将会使用vuepress来为组件库编写组件文档。

作者: pcsms_ei4tg1SH 时间: 2021-12-6 16:29
mksz551-基于Vue3+Vite+TS，二次封装element-plus业务

作者: yhysir 时间: 2021-12-9 15:49
1111111111111111111111

作者: programwhite 时间: 2021-12-11 11:44
mksz551-基于Vue3+Vite+TS，二次封装element-plus业务组件

作者: chenyaoqiang 时间: 2021-12-13 08:51
-基于Vue3+Vite+TS，二次封装element-plus业务组件

作者: Jaylen 时间: 2021-12-14 22:19
过来学习了

作者: kelo 时间: 2021-12-18 01:36
6666666666666666666666

作者: carson9246 时间: 2021-12-18 13:34
RE: mksz551-基于Vue3+Vite+TS，二次封装element-plus业务组件 [修改]

作者: pcsms_IuXGpA3z 时间: 2021-12-22 17:26
CC++气象数据中心实战，手把手教你做工业级项

作者: heigo 时间: 2022-1-17 18:21
5555555555555

作者: haoyongliang888 时间: 2022-2-1 21:04
111111111111111111

作者: firstfly 时间: 2022-3-16 00:14
6666666666666666666666

作者: xieruixiang 时间: 2022-6-17 09:50
1111111111111111111111111111111111

作者: anki2071 时间: 2022-8-28 16:34
888888888888888

作者: 1216108213 时间: 2023-2-5 23:46
基于Vue3+Vite+TS，二次封装element-plus业务组件[完结

作者: galaxy 时间: 2023-2-12 22:28
好好学习天天向上

作者: 13312850193 时间: 2023-6-17 16:00
留言留言要看

作者: gaytther 时间: 2023-6-30 09:26
不错不错不错

欢迎光临优百课栈 (https://www.ubkz.com/)