集成大量实际样例，系统掌握前沿技术栈与二次组件库封装能力

*   00 资料/

  *   源代码/

    *   01 m-element-components.zip (0.13 MB)

*   01 第1章 课程简介/

  *   01 1-1 导学.mp4 (93.73 MB), 17:58

  *   02 1-2 二次封装的意义.mp4 (31.49 MB), 05:40

*   02 第2章 封装组件初级篇（上）/

  *   01 2-1 本章概述.html (0.46 MB)

  *   02 2-2 搭建vite项目并配置路由和element-plus.mp4 (51.46 MB), 09:17

  *   03 2-3 全局注册图标.mp4 (41.95 MB), 07:43

  *   04 2-4 伸缩菜单-完成伸缩菜单基本功能.mp4 (61.07 MB), 10:55

  *   05 2-5 伸缩菜单-抽离头部和侧边栏组件并完善伸缩菜单.mp4 (46.34 MB), 08:22

  *   06 2-6 图标选择器-巧用两次watch控制弹框的显示与隐藏.mp4 (95.13 MB), 16:55

  *   07 2-7 图标选择器-巧用component动态组件显示所有的图标.mp4 (53.71 MB), 09:47

  *   08 2-8 图标选择器-利用命名空间修改dialog样式.mp4 (42.46 MB), 07:41

  *   09 2-9 图标选择器-通过自定义 hooks 函数实现复制功能.mp4 (36.08 MB), 06:52

  *   10 2-10 省市区选择组件-利用 github 获取到省市区数据.mp4 (65.91 MB), 09:39

  *   11 2-11 省市区选择组件-巧用 watch 来达到三级联动效果.mp4 (61.77 MB), 11:26

  *   12 2-12 省市区选择组件-完善省市区联动组件并给父组件分发事件.mp4 (53.74 MB), 09:51

  *   13 2-13 利用app.use特性全局注册组件.mp4 (35.63 MB), 06:06

  *   14 2-14 扩展一个省市区街道四级联动组件.html (0.00 MB)

  *   15 2-15 扩展一个级联选择框的省市区组件.html (0.00 MB)

  *   16 2-16 本章回顾.html (0.46 MB)

*   03 第3章 封装组件初级篇（下）/

  *   01 3-1 本章概述.html (0.46 MB)

  *   02 3-2 趋势标记-图标的组合使用实现上升下降趋势.mp4 (98.23 MB), 14:27

  *   03 3-3 趋势标记-动态绑定class的妙用实现颜色反转.mp4 (51.87 MB), 09:17

  *   04 3-4 趋势标记-计算属性的妙用实现文字颜色.mp4 (54.92 MB), 09:46

  *   05 3-5 通知菜单-icon和badge组件的组合使用.mp4 (59.73 MB), 10:22

  *   06 3-6 通知菜单-封装一个列表组件(上).mp4 (75.79 MB), 13:42

  *   07 3-7 通知菜单-封装一个列表组件(下).mp4 (151.65 MB), 27:26

  *   08 3-8 通知菜单-完善list组件并融合进通知菜单.mp4 (32.66 MB), 05:49

  *   09 3-9 给趋势标记增加自定义文字大小功能.html (0.46 MB)

  *   10 3-10 给通知菜单添加禁用状态.html (0.46 MB)

  *   11 3-11 本章回顾.html (0.46 MB)

*   04 第4章 封装组件中级篇/

  *   01 4-1 本章概述.html (0.46 MB)

  *   02 4-2 导航菜单-导航菜单的需求分析和数据设计.mp4 (63.06 MB), 11:12

  *   03 4-3 导航菜单-巧用 template 实现两级结构的菜单.mp4 (63.44 MB), 11:41

  *   04 4-4 导航菜单-使用 tsx 实现无限层级菜单.mp4 (97.24 MB), 17:36

  *   05 4-5 导航菜单-利用封装好的导航菜单组件改造项目整体结构.mp4 (41.72 MB), 07:49

  *   06 4-6 导航菜单-完善细节并增加自定义键名功能.mp4 (61.62 MB), 11:25

  *   07 4-7 给导航菜单加上事件.html (0.46 MB)

  *   08 4-8 进度条-完成进度条动态加载效果.mp4 (73.95 MB), 13:04

  *   09 4-9 给进度条组件加上进度完成事件.html (0.46 MB)

  *   10 4-10 时间选择组件-完成时间选择组件的全部功能.mp4 (106.40 MB), 19:16

  *   11 4-11 时间选择组件-完成日期选择组件所有功能.mp4 (94.65 MB), 17:10

  *   12 4-12 时间选择组件-修复日期选择组件结束日期未清空问题.mp4 (8.83 MB), 01:29

  *   13 4-13 城市选择组件-组合式使用组件完成基本布局.mp4 (126.90 MB), 21:49

  *   14 4-14 城市选择组件-获取城市数据并显示所有城市.mp4 (87.85 MB), 15:43

  *   15 4-15 城市选择组件-绑定事件并实现点击字母跳转到对应区域.mp4 (66.32 MB), 12:04

  *   16 4-16 城市选择组件-完善按省份选择城市.mp4 (124.58 MB), 23:04

  *   17 4-17 城市选择组件-使用 filter-method 实现搜索过滤.mp4 (118.13 MB), 21:57

  *   18 4-18 本章回顾.html (0.46 MB)

*   05 第5章 封装组件高级篇（上）/

  *   01 5-1 本章概述.html (0.46 MB)

  *   02 5-2 表单组件-一个强大的表单组件应该具备哪些功能.mp4 (56.54 MB), 09:58

  *   03 5-3 表单组件-使用ts定义表单配置项的数据类型.mp4 (67.79 MB), 12:27

  *   04 5-4 表单组件-使用配置的数据完成一个基本版表单.mp4 (99.33 MB), 18:09

  *   05 5-5 表单组件-巧用component动态组件配置添加子元素组件.mp4 (107.06 MB), 19:43

  *   06 5-6 表单组件-单独处理上传组件-1.mp4 (105.85 MB), 19:10

  *   07 5-7 表单组件-单独处理上传组件-2.mp4 (80.62 MB), 14:46

  *   08 5-8 表单组件-巧用插槽给表单加上操作项.mp4 (79.14 MB), 14:39

  *   09 5-9 表单组件-完善表单上传逻辑.mp4 (37.39 MB), 06:46

  *   10 5-10 表单组件-集成富文本编辑器 wangeditor.mp4 (73.07 MB), 13:34

  *   11 5-11 表单组件-完善表单重置逻辑.mp4 (43.16 MB), 08:12

  *   12 5-12 表单组件-弹出框表单的基本结构.mp4 (61.34 MB), 11:08

  *   13 5-13 表单组件-使用defineExpose获取表单实例方法.mp4 (84.60 MB), 15:26

  *   14 5-14 表单组件-完善表单逻辑.mp4 (46.20 MB), 08:37

  *   15 5-15 表单组件-表单组件总结.mp4 (21.42 MB), 03:48

  *   16 5-16 拓展动态添加和删除表单.html (0.46 MB)

  *   17 5-17 为表单增加自定义验证规则.html (0.46 MB)

  *   18 5-18 为表单增加剩余实例方法.html (0.46 MB)

  *   19 5-19 本章回顾.html (0.46 MB)

*   06 第6章 封装组件高级篇（下）/

  *   01 6-1 本章概述.html (0.46 MB)

  *   02 6-2 表格组件-一个强大的表格应该具备哪些功能.mp4 (34.74 MB), 06:30

  *   03 6-3 表格组件-使用 ts 定义表格组件需要的类型.mp4 (32.88 MB), 05:51

  *   04 6-4 表格组件-通过配置的数据完成一个基础版表格.mp4 (33.03 MB), 05:59

  *   05 6-5 表格组件-巧用插槽实现操作项和自定义列数据.mp4 (86.17 MB), 15:28

  *   06 6-6 表格组件-为表格加上loading效果.mp4 (51.80 MB), 09:19

  *   07 6-7 表格组件-实现可编辑单元格功能.mp4 (161.18 MB), 29:11

  *   08 6-8 表格组件-实现可编辑行功能-1.mp4 (68.07 MB), 12:24

  *   09 6-9 表格组件-实现可编辑行功能-2.mp4 (54.50 MB), 09:48

  *   10 6-10 表格组件-修复冒泡事件带来的问题.mp4 (20.19 MB), 03:49

  *   11 6-11 表格组件-实现表格分页功能.mp4 (105.90 MB), 19:21

  *   12 6-12 拓展表格排序功能.html (0.46 MB)

  *   13 6-13 拓展表格单选功能.html (0.46 MB)

  *   14 6-14 拓展表格多选功能.html (0.46 MB)

  *   15 6-15 本章回顾.html (0.46 MB)

*   07 第7章 封装组件拓展篇/

  *   01 7-1 本章概述.html (0.46 MB)

  *   02 7-2 日历组件-element-plus日历组件的不足和为何选择fullcalendar来二次封装.mp4 (36.39 MB), 06:29

  *   03 7-3 日历组件-使用fullcalendar配置生成日历.mp4 (58.29 MB), 10:21

  *   04 7-4 日历组件-日历的事件渲染和点击事件处理.mp4 (90.82 MB), 16:56

  *   05 7-5 日历组件-自定义渲染日历内容.mp4 (55.34 MB), 10:12

  *   06 7-6 修复组件出现的样式问题.mp4 (21.57 MB), 04:07

  *   07 7-7 将日历语言改成英文显示.html (0.46 MB)

  *   08 7-8 日历自定义渲染内容使开始时间和结束时间字体都变成红色.html (0.46 MB)

*   08 第8章 使用vuepress 编写组件文档/

  *   01 8-1 本章概述.html (0.46 MB)

  *   02 8-2 实现组件的全量打包.mp4 (72.67 MB), 13:08

  *   03 8-3 单独打包每个组件实现按需引入.mp4 (80.10 MB), 14:46

  *   04 8-4 发布组件库到 npm.mp4 (91.14 MB), 16:03

  *   05 8-5 如何更新已经发布的组件库版本.mp4 (44.16 MB), 08:02

  *   06 8-6 如何在 github 部署预览项目.mp4 (54.42 MB), 09:54

  *   07 8-7 如何在码云部署预览项目.mp4 (43.57 MB), 08:34

  *   08 8-8 组件库文档首页编写.mp4 (42.88 MB), 07:59

  *   09 8-9 编写文档网站头部导航和侧边导航.mp4 (77.63 MB), 14:23

  *   10 8-10 集成组件库并添加显示和交互.mp4 (60.99 MB), 10:42

  *   11 8-11 编写组件库文档的快速上手.mp4 (64.40 MB), 11:27

  *   12 8-12 完善组件库所有组件说明（1）.mp4 (80.57 MB), 14:47

  *   13 8-13 完善组件库所有组件说明（2）.mp4 (87.36 MB), 16:04

  *   14 8-14 完善组件库所有组件说明（3）.mp4 (113.78 MB), 21:21

  *   15 8-15 完善组件库所有组件说明（4）.mp4 (40.71 MB), 07:27

  *   16 8-16 完善组件库所有组件说明（5）.mp4 (135.86 MB), 24:38

  *   17 8-17 完善组件库所有组件说明（6）.mp4 (141.48 MB), 26:13

  *   18 8-18 完善组件库文档介绍.mp4 (21.37 MB), 03:52

  *   19 8-19 给文档增加自己github和码云仓库地址.html (0.46 MB)

  *   20 8-20 给文档增加自定义logo.html (0.46 MB)

  *   21 8-21 本章回顾.html (0.46 MB)

  *   22 8-22 组件库打包问题处理方案.html (0.47 MB)