TS于Vue3+Vite+TS,二次封装element-plus业务组件 密集我 -
**** Hidden Message ***** 基于Vue3+Vite+TS,二次封装element-plus业务组件集成大量实际样例,系统掌握前沿技术栈与二次组件库封装能力
很多前端开发者只会调用element-plus组件库已有组件,在面对需要定制的场景,或者想要简化使用组件的时候,就会无从下手。本课程深度结合前沿技术栈Vue+Vite+TS,全方位讲解二次封装的思想、技巧、组件设计等,并提供了大量封装实例,帮大家掌握组件的二次封装,实现前端进阶!
一门市面难找的组件封装实战课程,带你轻松玩转elements二次封装!
带你自行扩展已有组件更多功能,从零封装定制业务组件,开启前端进阶之路!
· 表格组件需求分析· 使用ts定义表格配置项数据类型· 先完成一个基础版表格· 为表格添上操作栏
· 为表格加上 loading 效果· 如何自定义表格列数据· 给表格操作栏添加事件· 可编辑单元格
· 可编辑行· 如何给表格做更多扩展
· 先完成一个基础版表格· 给表单配置添加子元素组件· 单独处理上传组件· 给表单添加操作项
· 表单集成 wangeditor 富文本编辑器· 表单如何和弹出框结合· 先让弹出框显示与隐藏
· 把表单集成进弹出框
· 分析 element-ui· 安装 fullcalendar 及拓展包· 添加 toolbar 和 view 拓展
· 使用 dayclick 给日历添加日程· 使用 eventclick 操作日程· 使用自定义渲染来渲染 html 内容和事件
· 把日历组件整合成 vue 组件
第2章 封装组件初级篇(上)
本章节会实现一些基础功能组件,意在讲解封装组件的技巧和组件设计思想,包括如何定义视图,定义数据和定义事件,为后续难度升级做好准备。
第3章 封装组件初级篇(下)
本章节会实现一些基础功能组件,意在讲解封装组件的技巧和组件设计思想,包括如何定义视图,定义数据和定义事件,为后续难度升级做好准备。
第4章 封装组件中级篇
本章节会通过四个复杂组件来深入组件封装的技巧和思想,当遇到复杂需求时,如何利用现有组件实现更多功能。
第5章 封装组件高级篇(上)
本章节将对表单,这个在平时业务当中用的最多并且最重要的两个组件进行二次封装,也是本次课程难度最大,课程中将展现更多组件封装技巧,特别是对复杂组件的处理。
查看完整目录
答疑专区+技术社区
连百度谷歌都搜不到的问题,在这里讲
师都将耐心详细解答,更有小伙伴一起
交流互动,共同进步。
课程全套代码下载
提供课程全套源代码下载,包含:
全套组件封装镜像、私有仓库、各个服
务的镜像、项目源代码。
独家“动态”教辅材料
丰富的专属教辅资料上传更新,通过课程
教案、原理图解、技术文档、演示案例等
各种教材,保障你的学习效果。
实用电子文档
部分简单内容以图文形式呈现,与视频
相配合,既保障学习效果,又提高了学
习效率。
**** Hidden Message *****
页:
[1]