课程简介
很多前端开发者只会调用element-plus组件库已有组件，在面对需要定制的场景，或者想要简化使用组件的时候，就会无从下手。本课程深度结合前沿技术栈Vue+Vite+TS，全方位讲解二次封装的思想、技巧、组件设计等，并提供了大量封装实例，帮大家掌握组件的二次封装，实现前端进阶！
〖课程目录〗:
– ├──m-element-components
– | ├──.vscode
– | | ├──extensions.json 0.05kb
– | | └──settings.json 0.03kb
– | ├──public
– | | └──favicon.ico 4.19kb
– | ├──src
– | | ├──assets
– | | ├──components
– | | ├──hooks
– | | ├──mock
– | | ├──router
– | | ├──scripts
– | | ├──styles
– | | ├──utils
– | | ├──views
– | | ├──App.vue 0.18kb
– | | ├──env.d.ts 0.27kb
– | | └──main.ts 0.54kb
– | ├──.gitignore 0.04kb
– | ├──index.html 0.33kb
– | ├──package.json 0.82kb
– | ├──README.md 0.94kb
– | ├──tsconfig.json 0.37kb
– | ├──vite.config.ts 0.24kb
– | └──环境参数.txt 0.45kb
– ├──第1章 课程简介
– | ├──1-1 导学.mp4 88.93M
– | └──1-2 二次封装的意义.mp4 21.69M
– ├──第2章 封装组件初级篇（上）
– | ├──2-1 本章概述_.pdf 155.00kb
– | ├──2-10 省市区选择组件-利用 github 获取到省市区数据.mp4 79.85M
– | ├──2-11 省市区选择组件-巧用 watch 来达到三级联动效果.mp4 62.74M
– | ├──2-12 省市区选择组件-完善省市区联动组件并给父组件分发事件.mp4 55.35M
– | ├──2-13 利用app.use特性全局注册组件.mp4 38.11M
– | ├──2-16 本章回顾_.pdf 130.70kb
– | ├──2-2 搭建vite项目并配置路由和element-plus.mp4 52.83M
– | ├──2-3 全局注册图标.mp4 42.43M
– | ├──2-4 伸缩菜单-完成伸缩菜单基本功能.mp4 64.01M
– | ├──2-5 伸缩菜单-抽离头部和侧边栏组件并完善伸缩菜单.mp4 48.29M
– | ├──2-6 图标选择器-巧用两次watch控制弹框的显示与隐藏.mp4 100.48M
– | ├──2-7 图标选择器-巧用component动态组件显示所有的图标.mp4 56.12M
– | ├──2-8 图标选择器-利用命名空间修改dialog样式.mp4 44.60M
– | └──2-9 图标选择器-通过自定义 hooks 函数实现复制功能.mp4 35.29M
– ├──第3章 封装组件初级篇（下）
– | ├──3-1 本章概述_.pdf 135.92kb
– | ├──3-10 给通知菜单添加禁用状态_.pdf 117.80kb
– | ├──3-11 本章回顾_.pdf 111.15kb
– | ├──3-2 趋势标记-图标的组合使用实现上升下降趋势.mp4 116.73M
– | ├──3-3 趋势标记-动态绑定class的妙用实现颜色反转.mp4 54.39M
– | ├──3-4 趋势标记-计算属性的妙用实现文字颜色.mp4 57.67M
– | ├──3-5 通知菜单-icon和badge组件的组合使用.mp4 62.96M
– | ├──3-6 通知菜单-封装一个列表组件(上).mp4 77.76M
– | ├──3-7 通知菜单-封装一个列表组件(下).mp4 158.84M
– | ├──3-8 通知菜单-完善list组件并融合进通知菜单.mp4 33.59M
– | └──3-9 给趋势标记增加自定义文字大小功能_.pdf 125.15kb
– ├──第4章 封装组件中级篇
– | ├──4-10 时间选择组件-完成时间选择组件的全部功能.mp4 111.61M
– | ├──4-11 时间选择组件-完成日期选择组件所有功能.mp4 99.18M
– | ├──4-12 时间选择组件-修复日期选择组件结束日期未清空问题.mp4 8.38M
– | ├──4-13 城市选择组件-组合式使用组件完成基本布局.mp4 143.97M
– | ├──4-14 城市选择组件-获取城市数据并显示所有城市.mp4 92.89M
– | ├──4-15 城市选择组件-绑定事件并实现点击字母跳转到对应区域.mp4 68.01M
– | ├──4-16 城市选择组件-完善按省份选择城市.mp4 127.45M
– | ├──4-17 城市选择组件-使用 filter-method 实现搜索过滤.mp4 120.04M
– | ├──4-18 本章回顾_.pdf 129.63kb
– | ├──4-2 导航菜单-导航菜单的需求分析和数据设计.mp4 64.72M
– | ├──4-3 导航菜单-巧用 template 实现两级结构的菜单.mp4 64.96M
– | ├──4-4 导航菜单-使用 tsx 实现无限层级菜单.mp4 100.72M
– | ├──4-5 导航菜单-利用封装好的导航菜单组件改造项目整体结构.mp4 41.95M
– | ├──4-6 导航菜单-完善细节并增加自定义键名功能.mp4 62.62M
– | ├──4-8 进度条-完成进度条动态加载效果.mp4 79.84M
– | └──4-9 给进度条组件加上进度完成事件_.pdf 121.27kb
– ├──第5章 封装组件高级篇（上）
– | ├──5-1 本章概述_.pdf 161.86kb
– | ├──5-10 表单组件-集成富文本编辑器 wangeditor.mp4 74.34M
– | ├──5-11 表单组件-完善表单重置逻辑.mp4 42.32M
– | ├──5-12 表单组件-弹出框表单的基本结构.mp4 63.68M
– | ├──5-13 表单组件-使用defineExpose获取表单实例方法.mp4 86.85M
– | ├──5-14 表单组件-完善表单逻辑.mp4 46.36M
– | ├──5-15 表单组件-表单组件总结.mp4 22.61M
– | ├──5-16 拓展动态添加和删除表单_.pdf 118.45kb
– | ├──5-17 为表单增加自定义验证规则_.pdf 121.42kb
– | ├──5-18 为表单增加剩余实例方法_.pdf 118.87kb
– | ├──5-19 本章回顾_.pdf 114.10kb
– | ├──5-2 表单组件-一个强大的表单组件应该具备哪些功能.mp4 60.19M
– | ├──5-3 表单组件-使用ts定义表单配置项的数据类型.mp4 69.09M
– | ├──5-4 表单组件-使用配置的数据完成一个基本版表单.mp4 103.11M
– | ├──5-5 表单组件-巧用component动态组件配置添加子元素组件.mp4 110.48M
– | ├──5-6 表单组件-单独处理上传组件-1.mp4 111.40M
– | ├──5-7 表单组件-单独处理上传组件-2.mp4 82.80M
– | ├──5-8 表单组件-巧用插槽给表单加上操作项.mp4 79.90M
– | └──5-9 表单组件-完善表单上传逻辑.mp4 39.01M
– ├──第6章 封装组件高级篇（下）
– | ├──6-1 本章概述_.pdf 151.59kb
– | ├──6-10 表格组件-修复冒泡事件带来的问题.mp4 19.68M
– | ├──6-11 表格组件-实现表格分页功能.mp4 109.62M
– | ├──6-12 拓展表格排序功能_.pdf 121.98kb
– | ├──6-13 拓展表格单选功能_.pdf 123.96kb
– | ├──6-14 拓展表格多选功能_.pdf 126.46kb
– | ├──6-15 本章回顾_.pdf 109.79kb
– | ├──6-2 表格组件-一个强大的表格应该具备哪些功能.mp4 30.72M
– | ├──6-3 表格组件-使用 ts 定义表格组件需要的类型.mp4 34.34M
– | ├──6-4 表格组件-通过配置的数据完成一个基础版表格.mp4 34.39M
– | ├──6-5 表格组件-巧用插槽实现操作项和自定义列数据.mp4 90.51M
– | ├──6-6 表格组件-为表格加上loading效果.mp4 54.45M
– | ├──6-7 表格组件-实现可编辑单元格功能.mp4 168.96M
– | ├──6-8 表格组件-实现可编辑行功能-1.mp4 70.34M
– | └──6-9 表格组件-实现可编辑行功能-2.mp4 57.46M
– ├──第7章 封装组件拓展篇
– | ├──7-1 本章概述_.pdf 148.31kb
– | ├──7-2 日历组件-element-plus日历组件的不足和为何选择fullcalendar来二次封装.mp4 37.74M
– | ├──7-3 日历组件-使用fullcalendar配置生成日历.mp4 62.17M
– | ├──7-4 日历组件-日历的事件渲染和点击事件处理.mp4 91.33M
– | ├──7-5 日历组件-自定义渲染日历内容.mp4 55.70M
– | ├──7-6 修复组件出现的样式问题.mp4 19.74M
– | ├──7-7 将日历语言改成英文显示_.pdf 123.03kb
– | └──7-8 日历自定义渲染内容使开始时间和结束时间字体都变成红色_.pdf 130.84kb
– └──第8章 使用vuepress 编写组件文档
– | ├──8-1 本章概述_.pdf 142.99kb
– | ├──8-10 集成组件库并添加显示和交互.mp4 66.07M
– | ├──8-11 编写组件库文档的快速上手.mp4 68.59M
– | ├──8-12 完善组件库所有组件说明（1）.mp4 83.32M
– | ├──8-13 完善组件库所有组件说明（2）.mp4 89.89M
– | ├──8-14 完善组件库所有组件说明（3）.mp4 114.92M
– | ├──8-15 完善组件库所有组件说明（4）.mp4 41.09M
– | ├──8-16 完善组件库所有组件说明（5）.mp4 142.26M
– | ├──8-17 完善组件库所有组件说明（6）.mp4 143.40M
– | ├──8-18 完善组件库文档介绍.mp4 19.40M
– | ├──8-19 给文档增加自己github和码云仓库地址_.pdf 115.87kb
– | ├──8-2 实现组件的全量打包.mp4 74.52M
– | ├──8-20 给文档增加自定义logo_.pdf 105.38kb
– | ├──8-21 本章回顾_.pdf 109.10kb
– | ├──8-3 单独打包每个组件实现按需引入.mp4 81.69M
– | ├──8-4 发布组件库到 npm.mp4 96.68M
– | ├──8-5 如何更新已经发布的组件库版本.mp4 45.30M
– | ├──8-6 如何在 github 部署预览项目.mp4 55.80M
– | ├──8-7 如何在码云部署预览项目.mp4 40.09M
– | ├──8-8 组件库文档首页编写.mp4 38.94M
– | └──8-9 编写文档网站头部导航和侧边导航.mp4 78.06M
–