本课程深入讲解如何基于Vue3、Vite和TypeScript技术栈，对Element Plus组件进行二次封装。通过实战案例，学员将掌握从基础到高级的组件封装技巧，包括表单、表格、导航菜单等常用组件的定制化开发。课程提供完整源码和课件，帮助开发者快速提升前端开发能力，打造高效、可复用的业务组件库。适合有一定Vue基础的前端开发者学习。
以下云资源目录树快照生成于[11个月前]，该学习资料由夸克云用户[心旷*怡的青蛙]分享（只展示大部分文件和目录）
Vue3+Vite+TS实战：Element Plus组件二次封装与源码解析11.45 GB(mp4视频162节；pdf文档52个；zip压缩包2个；)
资料代码
m-element-components.zip261.62KBm-element-components(1).zip261.62KB第8章使用vuepress编写组件文档
8-9编写文档网站头部导航和侧边导航.mp478.6MB8-9编写文档网站头部导航和侧边导航(1).mp478.6MB8-8组件库文档首页编写.mp446.98MB8-8组件库文档首页编写(1).mp446.98MB8-7如何在码云部署预览项目.mp451.91MB8-7如何在码云部署预览项目(1).mp451.91MB8-6如何在github部署预览项目.mp456.21MB8-6如何在github部署预览项目(1).mp456.21MB8-5如何更新已经发布的组件库版本.mp449.93MB8-5如何更新已经发布的组件库版本(1).mp449.93MB8-4发布组件库到npm.mp490.67MB8-4发布组件库到npm(1).mp490.67MB8-3单独打包每个组件实现按需引入.mp481.07MB8-3单独打包每个组件实现按需引入(1).mp481.07MB8-2实现组件的全量打包.mp471.81MB8-2实现组件的全量打包(1).mp471.81MB
8-22组件库打包问题处理方案.pdf56.16KB8-22组件库打包问题处理方案(1).pdf56.16KB8-21本章回顾.pdf34.24KB8-21本章回顾(1).pdf34.24KB8-20给文档增加自定义logo.pdf37.26KB8-20给文档增加自定义logo(1).pdf37.26KB8-1本章概述.pdf54.88KB8-1本章概述(1).pdf54.88KB8-19给文档增加自己github和码云仓库地址.pdf40.45KB8-19给文档增加自己github和码云仓库地址(1).pdf40.45KB8-18完善组件库文档介绍.mp424.29MB8-18完善组件库文档介绍(1).mp424.29MB8-17完善组件库所有组件说明（6）.mp4155.59MB8-17完善组件库所有组件说明（6）(1).mp4155.59MB8-16完善组件库所有组件说明（5）.mp4141.11MB8-16完善组件库所有组件说明（5）(1).mp4141.11MB8-15完善组件库所有组件说明（4）.mp447.07MB8-15完善组件库所有组件说明（4）(1).mp447.07MB8-14完善组件库所有组件说明（3）.mp4114.59MB8-14完善组件库所有组件说明（3）(1).mp4114.59MB8-13完善组件库所有组件说明（2）.mp491.43MB8-13完善组件库所有组件说明（2）(1).mp491.43MB8-12完善组件库所有组件说明（1）.mp482.53MB8-12完善组件库所有组件说明（1）(1).mp482.53MB8-11编写组件库文档的快速上手.mp465.8MB8-11编写组件库文档的快速上手(1).mp465.8MB8-10集成组件库并添加显示和交互.mp462.31MB8-10集成组件库并添加显示和交互(1).mp462.31MB第7章封装组件拓展篇
7-8日历自定义渲染内容使开始时间和结束时间字体都变成红色.pdf46.93KB7-8日历自定义渲染内容使开始时间和结束时间字体都变成红色(1).pdf46.93KB7-7将日历语言改成英文显示.pdf43.07KB7-7将日历语言改成英文显示(1).pdf43.07KB7-6修复组件出现的样式问题.mp425.93MB7-6修复组件出现的样式问题(1).mp425.93MB7-5日历组件-自定义渲染日历内容.mp458.97MB7-5日历组件-自定义渲染日历内容(1).mp458.97MB7-4日历组件-日历的事件渲染和点击事件处理.mp491.48MB7-4日历组件-日历的事件渲染和点击事件处理(1).mp491.48MB7-3日历组件-使用fullcalendar配置生成日历.mp460.71MB7-3日历组件-使用fullcalendar配置生成日历(1).mp460.71MB7-2日历组件-element-plus日历组件的不足和为何选择.mp440.92MB7-2日历组件-element-plus日历组件的不足和为何选择(1).mp440.92MB7-1本章概述.pdf50.81KB7-1本章概述(1).pdf50.81KB第6章封装组件高级篇（下）
6-9表格组件-实现可编辑行功能-2.mp459.65MB6-9表格组件-实现可编辑行功能-2(1).mp459.65MB6-8表格组件-实现可编辑行功能-1.mp471.21MB6-8表格组件-实现可编辑行功能-1(1).mp471.21MB6-7表格组件-实现可编辑单元格功能.mp4160.01MB6-7表格组件-实现可编辑单元格功能(1).mp4160.01MB6-6表格组件-为表格加上loading效果.mp459.82MB6-6表格组件-为表格加上loading效果(1).mp459.82MB6-5表格组件-巧用插槽实现操作项和自定义列数据.mp487.94MB6-5表格组件-巧用插槽实现操作项和自定义列数据(1).mp487.94MB6-4表格组件-通过配置的数据完成一个基础版表格.mp437.42MB6-4表格组件-通过配置的数据完成一个基础版表格(1).mp437.42MB6-3表格组件-使用ts定义表格组件需要的类型.mp438.69MB6-3表格组件-使用ts定义表格组件需要的类型(1).mp438.69MB6-2表格组件-一个强大的表格应该具备哪些功能.mp438.98MB6-2表格组件-一个强大的表格应该具备哪些功能(1).mp438.98MB6-1本章概述.pdf56.1KB6-1本章概述(1).pdf56.1KB6-15本章回顾.pdf35.03KB6-15本章回顾(1).pdf35.03KB6-14拓展表格多选功能.pdf47.14KB6-14拓展表格多选功能(1).pdf47.14KB6-13拓展表格单选功能.pdf46.38KB6-13拓展表格单选功能(1).pdf46.38KB6-12拓展表格排序功能.pdf38.95KB6-12拓展表格排序功能(1).pdf38.95KB6-11表格组件-实现表格分页功能.mp4111.58MB6-11表格组件-实现表格分页功能(1).mp4111.58MB6-10表格组件-修复冒泡事件带来的问题.mp441.67MB6-10表格组件-修复冒泡事件带来的问题(1).mp441.67MB第5章封装组件高级篇（上）
5-9表单组件-完善表单上传逻辑.mp440.93MB5-9表单组件-完善表单上传逻辑(1).mp440.93MB5-8表单组件-巧用插槽给表单加上操作项.mp4100.07MB5-8表单组件-巧用插槽给表单加上操作项(1).mp4100.07MB5-7表单组件-单独处理上传组件-2.mp491.89MB5-7表单组件-单独处理上传组件-2(1).mp491.89MB5-6表单组件-单独处理上传组件-1.mp4110.51MB5-6表单组件-单独处理上传组件-1(1).mp4110.51MB5-5表单组件-巧用component动态组件配置添加子元素组件 .mp4111.12MB5-5表单组件-巧用component动态组件配置添加子元素组件 (1).mp4111.12MB5-4表单组件-使用配置的数据完成一个基本版表单.mp499.71MB5-4表单组件-使用配置的数据完成一个基本版表单(1).mp499.71MB5-3表单组件-使用ts定义表单配置项的数据类型.mp481.18MB5-3表单组件-使用ts定义表单配置项的数据类型(1).mp481.18MB5-2表单组件-一个强大的表单组件应该具备哪些功能.mp459.58MB5-2表单组件-一个强大的表单组件应该具备哪些功能(1).mp459.58MB5-1本章概述.pdf59.94KB5-1本章概述(1).pdf59.94KB5-19本章回顾.pdf37.16KB5-19本章回顾(1).pdf37.16KB5-18为表单增加剩余实例方法.pdf44.24KB5-18为表单增加剩余实例方法(1).pdf44.24KB5-17为表单增加自定义验证规则.pdf44.21KB5-17为表单增加自定义验证规则(1).pdf44.21KB5-16拓展动态添加和删除表单.pdf39.87KB5-16拓展动态添加和删除表单(1).pdf39.87KB5-15表单组件-表单组件总结.mp428.72MB5-15表单组件-表单组件总结(1).mp428.72MB5-14表单组件-完善表单逻辑.mp459.88MB5-14表单组件-完善表单逻辑(1).mp459.88MB5-13表单组件-使用defineExpose获取表单实例方法.mp489.51MB5-13表单组件-使用defineExpose获取表单实例方法(1).mp489.51MB5-12表单组件-弹出框表单的基本结构.mp463.42MB5-12表单组件-弹出框表单的基本结构(1).mp463.42MB5-11表单组件-完善表单重置逻辑.mp446.05MB5-11表单组件-完善表单重置逻辑(1).mp446.05MB5-10表单组件-集成富文本编辑器wangeditor.mp475.07MB5-10表单组件-集成富文本编辑器wangeditor(1).mp475.07MB第4章封装组件中级篇
4-9时间选择组件-完成日期选择组件所有功能.mp493.89MB4-9时间选择组件-完成日期选择组件所有功能(1).mp493.89MB4-8时间选择组件-完成时间选择组件的全部功能.mp4104.77MB4-8时间选择组件-完成时间选择组件的全部功能(1).mp4104.77MB4-7给进度条组件加上进度完成事件.pdf44.08KB4-7给进度条组件加上进度完成事件(1).pdf44.08KB4-6进度条-完成进度条动态加载效果.mp478.32MB4-6进度条-完成进度条动态加载效果(1).mp478.32MB4-5导航菜单-完善细节并增加自定义键名功能.mp466.79MB4-5导航菜单-完善细节并增加自定义键名功能(1).mp466.79MB4-4导航菜单-利用封装好的导航菜单组件改造项目整体结构.mp447.65MB4-4导航菜单-利用封装好的导航菜单组件改造项目整体结构(1).mp447.65MB4-3导航菜单-使用tsx实现无限层级菜单.mp498.83MB4-3导航菜单-使用tsx实现无限层级菜单(1).mp498.83MB4-2导航菜单-巧用template实现两级结构的菜单.mp471.92MB4-2导航菜单-巧用template实现两级结构的菜单(1).mp471.92MB4-1导航菜单-导航菜单的需求分析和数据设计.mp462.03MB4-1导航菜单-导航菜单的需求分析和数据设计(1).mp462.03MB4-16本章回顾.pdf43.31KB4-16本章回顾(1).pdf43.31KB4-15城市选择组件-使用filter-method实现搜索过滤.mp4127.39MB4-15城市选择组件-使用filter-method实现搜索过滤(1).mp4127.39MB4-14城市选择组件-完善按省份选择城市.mp4131.76MB4-14城市选择组件-完善按省份选择城市(1).mp4131.76MB4-13城市选择组件-绑定事件并实现点击字母跳转到对应区域.mp472.92MB4-13城市选择组件-绑定事件并实现点击字母跳转到对应区域(1).mp472.92MB4-12城市选择组件-获取城市数据并显示所有城市.mp490.53MB4-12城市选择组件-获取城市数据并显示所有城市(1).mp490.53MB4-11城市选择组件-组合式使用组件完成基本布局.mp4119.59MB4-11城市选择组件-组合式使用组件完成基本布局(1).mp4119.59MB4-10时间选择组件-修复日期选择组件结束日期未清空问题.mp49.46MB4-10时间选择组件-修复日期选择组件结束日期未清空问题(1).mp49.46MB第3章封装组件初级篇（下）
3-9给趋势标记增加自定义文字大小功能.pdf44.66KB3-9给趋势标记增加自定义文字大小功能(1).pdf44.66KB3-8通知菜单-完善list组件并融合进通知菜单.mp441.26MB3-8通知菜单-完善list组件并融合进通知菜单(1).mp441.26MB3-7通知菜单-封装一个列表组件(下).mp4150.47MB3-7通知菜单-封装一个列表组件(下)(1).mp4150.47MB3-6通知菜单-封装一个列表组件(上).mp485.56MB3-6通知菜单-封装一个列表组件(上)(1).mp485.56MB3-5通知菜单-icon和badge组件的组合使用.mp457.22MB3-5通知菜单-icon和badge组件的组合使用(1).mp457.22MB3-4趋势标记-计算属性的妙用实现文字颜色.mp457.8MB3-4趋势标记-计算属性的妙用实现文字颜色(1).mp457.8MB3-3趋势标记-动态绑定class的妙用实现颜色反转.mp455.34MB3-3趋势标记-动态绑定class的妙用实现颜色反转(1).mp455.34MB3-2趋势标记-图标的组合使用实现上升下降趋势.mp483.88MB3-2趋势标记-图标的组合使用实现上升下降趋势(1).mp483.88MB3-1本章概述.pdf40.3KB3-1本章概述(1).pdf40.3KB3-11本章回顾.pdf33.58KB3-11本章回顾(1).pdf33.58KB3-10给通知菜单添加禁用状态.pdf42.9KB3-10给通知菜单添加禁用状态(1).pdf42.9KB第2章封装组件初级篇（上）
2-9图标选择器-通过自定义hooks函数实现复制功能.mp439.71MB2-9图标选择器-通过自定义hooks函数实现复制功能(1).mp439.71MB2-8图标选择器-利用命名空间修改dialog样式.mp446.2MB2-8图标选择器-利用命名空间修改dialog样式(1).mp446.2MB2-7图标选择器-巧用component动态组件显示所有的图标.mp459.19MB2-7图标选择器-巧用component动态组件显示所有的图标(1).mp459.19MB2-6图标选择器-巧用两次watch控制弹框的显示与隐藏.mp496.17MB2-6图标选择器-巧用两次watch控制弹框的显示与隐藏(1).mp496.17MB2-5伸缩菜单-抽离头部和侧边栏组件并完善伸缩菜单.mp449.9MB2-5伸缩菜单-抽离头部和侧边栏组件并完善伸缩菜单(1).mp449.9MB2-4伸缩菜单-完成伸缩菜单基本功能.mp466MB2-4伸缩菜单-完成伸缩菜单基本功能(1).mp466MB2-3全局注册图标.mp450.21MB2-3全局注册图标(1).mp450.21MB2-2搭建vite项目并配置路由和element-plus.mp455.12MB2-2搭建vite项目并配置路由和element-plus(1).mp455.12MB2-1本章概述.pdf58.01KB2-1本章概述(1).pdf58.01KB2-16本章回顾.pdf44.82KB2-16本章回顾(1).pdf44.82KB2-13利用app.use特性全局注册组件.mp438.46MB2-13利用app.use特性全局注册组件(1).mp438.46MB2-12省市区选择组件-完善省市区联动组件并给父组件分发事件.mp457.2MB2-12省市区选择组件-完善省市区联动组件并给父组件分发事件(1).mp457.2MB2-11省市区选择组件-巧用watch来达到三级联动效果.mp464.41MB2-11省市区选择组件-巧用watch来达到三级联动效果(1).mp464.41MB2-10省市区选择组件-利用github获取到省市区数据.mp461.9MB2-10省市区选择组件-利用github获取到省市区数据(1).mp461.9MB第1章课程简介
1-2二次封装的意义.mp423.58MB1-2二次封装的意义(1).mp423.58MB1-1导学.mp490.86MB1-1导学(1).mp490.86MB
