基于Vue3+Vite+TS,二次封装element-plus业务组件(完结)

资源简介

很多前端开发者只会调用element-plus组件库已有组件,在面对需要定制的场景,或者想要简化使用组件的时候,就会无从下手。本课程深度结合前沿技术栈Vue+Vite+TS,全方位讲解二次封装的思想、技巧、组件设计等,并提供了大量封装实例,帮大家掌握组件的二次封装,实现前端进阶!

《基于Vue3+Vite+TS,二次封装element-plus业务组件(完结)》

资源目录

——/计算机教程/01MOOC/113-551-基于Vue3+Vite+TS,二次封装element-plus业务组件(完结)/
├──00.代码资料  
|   └──m-element-components.7z  151.60kb
├──第1章 课程简介  
|   ├──1-1 导学.mp4  129.62M
|   └──1-2 二次封装的意义.mp4  29.19M
├──第2章 封装组件初级篇(上)  
|   ├──2-1 搭建vite项目并配置路由和element-plus.mp4  139.79M
|   ├──2-10 省市区选择组件-巧用 watch 来达到三级联动效果.mp4  184.27M
|   ├──2-11 省市区选择组件-完善省市区联动组件并给父组件分发事件.mp4  158.49M
|   ├──2-12 利用app.use特性全局注册组件.mp4  74.99M
|   ├──2-2 全局注册图标.mp4  122.08M
|   ├──2-3 伸缩菜单-完成伸缩菜单基本功能.mp4  185.31M
|   ├──2-4 伸缩菜单-抽离头部和侧边栏组件并完善伸缩菜单.mp4  140.72M
|   ├──2-5 图标选择器-巧用两次watch控制弹框的显示与隐藏.mp4  263.39M
|   ├──2-6 图标选择器-巧用component动态组件显示所有的图标.mp4  165.06M
|   ├──2-7 图标选择器-利用命名空间修改dialog样式.mp4  128.86M
|   ├──2-8 图标选择器-通过自定义 hooks 函数实现复制功能.mp4  102.54M
|   └──2-9 省市区选择组件-利用 github 获取到省市区数据.mp4  154.07M
├──第3章 封装组件初级篇(下)  
|   ├──3-1 趋势标记-图标的组合使用实现上升下降趋势.mp4  176.82M
|   ├──3-2 趋势标记-动态绑定class的妙用实现颜色反转.mp4  152.52M
|   ├──3-3 趋势标记-计算属性的妙用实现文字颜色.mp4  159.94M
|   ├──3-4 通知菜单-icon和badge组件的组合使用.mp4  124.68M
|   ├──3-5 通知菜单-封装一个列表组件(上).mp4  195.48M
|   ├──3-6 通知菜单-封装一个列表组件(下)~1.mp4  0.05kb
|   ├──3-6 通知菜单-封装一个列表组件(下).mp4  59.75M
|   └──3-7 通知菜单-完善list组件并融合进通知菜单.mp4  97.06M
├──第4章 封装组件中级篇  
|   ├──4-1 导航菜单-导航菜单的需求分析和数据设计.mp4  245.19M
|   ├──4-10 城市选择组件-组合式使用组件完成基本布局.mp4  352.18M
|   ├──4-11 城市选择组件-获取城市数据并显示所有城市.mp4  265.79M
|   ├──4-13 城市选择组件-完善按省份选择城市.mp4  389.43M
|   ├──4-4 导航菜单-利用封装好的导航菜单组件改造项目整体结构.mp4  126.41M
|   ├──4-5 导航菜单-完善细节并增加自定义键名功能.mp4  186.08M
|   ├──4-7 时间选择组件-完成时间选择组件的全部功能.mp4  274.05M
|   └──4-8 时间选择组件-完成日期选择组件所有功能.mp4  266.10M
├──第5章 封装组件高级篇(上)  
|   ├──5-1 表单组件-一个强大的表单组件应该具备哪些功能.mp4  147.26M
|   ├──5-10 表单组件-完善表单重置逻辑.mp4  109.11M
|   ├──5-11 表单组件-弹出框表单的基本结构.mp4  136.57M
|   ├──5-12 表单组件-使用defineExpose获取表单实例方法.mp4  257.61M
|   ├──5-13 表单组件-完善表单逻辑.mp4  144.42M
|   ├──5-14 表单组件-表单组件总结.mp4  63.52M
|   ├──5-2 表单组件-使用ts定义表单配置项的数据类型.mp4  217.83M
|   ├──5-3 表单组件-使用配置的数据完成一个基本版表单.mp4  304.11M
|   ├──5-4 表单组件-巧用component动态组件配置添加子元素组件.mp4  331.94M
|   ├──5-5 表单组件-单独处理上传组件-1.mp4  379.51M
|   ├──5-6 表单组件-单独处理上传组件-2.mp4  256.27M
|   ├──5-7 表单组件-巧用插槽给表单加上操作项.mp4  238.88M
|   ├──5-8 表单组件-完善表单上传逻辑.mp4  114.25M
|   └──5-9 表单组件-集成富文本编辑器 wangeditor.mp4  165.45M
├──第6章 封装组件高级篇(下)  
|   ├──6-10 表格组件-实现表格分页功能.mp4  
|   ├──6-2 表格组件-使用 ts 定义表格组件需要的类型.mp4  80.00kb
|   ├──6-4 表格组件-巧用插槽实现操作项和自定义列数据.mp4  
|   ├──6-5 表格组件-为表格加上loading效果.mp4  164.51M
|   ├──6-6 .表格组件-实现可编辑单元格功能.mp4  460.00M
|   ├──6-7 表格组件-实现可编辑行功能-1.mp4  210.22M
|   ├──6-8 表格组件-实现可编辑行功能-2.mp4  139.00M
|   └──6-9 表格组件-修复冒泡事件带来的问题.mp4  67.19M
├──第7章 封装组件拓展篇  
|   ├──7-1 日历组件-element-plus日历组件的不足和为何选择fullcalendar来二次封装.mp4  97.37M
|   ├──7-2 日历组件-使用fullcalendar配置生成日历.mp4  122.54M
|   ├──7-3 日历组件-日历的事件渲染和点击事件处理.mp4  264.00M
|   ├──7-4 日历组件-自定义渲染日历内容.mp4  167.78M
|   └──7-5 修复组件出现的样式问题.mp4  52.27M
└──第8章 使用vuepress 编写组件文档  
|   ├──8-1 实现组件的全量打包.mp4  157.00M
|   ├──8-10 编写组件库文档的快速上手.mp4  141.00M
|   ├──8-11 完善组件库所有组件说明(1).mp4  83.00M
|   ├──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 

资源下载

抱歉,只有登录并在本文发表评论才能阅读隐藏内容,切记不要恶意刷评论白嫖资源,评论前切记阅读用户规则,一旦进入黑名单,不可能再放出来。同时注意,暂停在线支付,请联系客服QQ267286513。
  1. 云飘向远方说道:

    vue学习一下

  2. yeah说道:

    谢谢分享

  3. 豆腐脑说道:

    谢谢分享

  4. float说道:

    谢谢分享

  5. shamexln说道:

    正好想学习一下vue3和ts

  6. NerveFrog说道:

    学习

  7. qiaoke说道:

    感谢分享 :smile:

  8. 石头缘说道:

    感谢分享

  9. lyc458216说道:

    正好想学习一下vue3和ts,感谢分享 :razz:

  10. 胡萝卜炖土豆说道:

    谢谢分享

  11. yolo说道:

    谢谢分享

  12. 骄傲的青花鱼说道:

    学习学习!

  13. 番茄说道:

    谢谢分享

  14. snow说道:

    学习学习学习学习

  15. ylqt说道:

    谢谢分享

  16. 绿林水手说道:

    谢谢分享谢谢分享

  17. wen说道:

    感谢感谢 :biggrin:

  18. 飞鱼说道:

    学习新技术

  19. 黑羽说道:

    谢谢分享

  20. 码神说道:

    谢谢分享

  21. brycemm说道:

    谢谢分享谢谢分享

  22. 饕餮小白说道:

    感谢分享

  23. 躺平说道:

    :razz: 谢谢分享

  24. jujuul说道:

    学习ts

  25. djmughal说道:

    学习学习

  26. 三五七说道:

    balabalab阿拉巴拉

  27. memexiong说道:

    谢谢分享

  28. khalil说道:

    学习新技术

    :razz:

  29. cqhaisenbao说道:

    学习

  30. 护士衫下说道:

    学习新技术

  31. 我心依旧说道:

    学习

  32. Zhangzhangz说道:

    这个也学习下

  33. hashub说道:

    谢谢分享

  34. DDDAlllN说道:

    谢谢分享

  35. pioneer说道:

    谢谢分享

  36. qaqazfda说道:

    谢谢分享

  37. alex.liu说道:

    谢谢分享谢谢分享

  38. 铁牛说道:

    看看这个怎么样

  39. 我是人间惆怅客说道:

    谢谢分享

  40. 骄傲的青花鱼说道:

    感谢分享!

  41. 1414说道:

    谢谢分享

  42. feifei6说道:

    谢谢分享

  43. nieaijun说道:

    谢谢分享

  44. kama2003说道:

    谢谢分享

发表评论