admin 发表于 2021-12-4 00:31:37

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







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

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

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

适合人群
1.工作1年以上的 vue 开发者
3. 没有组件封装经验的开发者
2. 想要在 vue 组件进阶的开发者
技术储备
有相关es6、vue2或vue3、ts、element-plus开发经验
环境参数
vue 3.2.16
vue-tsc 0.3.0
vite 2.6.4
typescript 4.4.3
sass-loader 12.2.0
sass 1.43.2
mockjs 1.1.0
wangeditor 4.7.9
vue-router 4.0.12
lodash 4.17.21
element-plus 1.1.0-beta.20
axios 0.24.0
node 16.6.2

另:1:《基于Vue3+Vite+TS,二次封装element-plus业务组件》来自某课网,原价¥348,由猿人部落整理发布!猿人部落承诺,本站所有课程百分百高清,完整,原画,包含所有的视频+素材+课件+源码,官方同步体验!2:本站所有课程格式MP4格式无密 可以通过网盘在线学习也可下载到本地,方便快捷!
3: 所有课程全部支持试看任何章节,可通过点击右侧官方微信扫码添加要求试看!
4:官方品质,信誉保证,本站包含某课网,某讯课堂,某易云,饥人谷,某度教育....等上万部课程正在陆续更新,感谢同学们的信任与支持,保证让同学们满意!
5:所有课程都会包更新,只要官方更新本站延迟2-3天就会更新。
6:爱好学习,一直提升自己的小伙伴可以开通会员,享受全站免金币无限制畅快学习!.7:有任何不明白的咨询客服:772441382

试看链接:https://www.aliyundrive.com/s/AL11iySDPvC
章节目录:第1章 课程简介2 节 | 24分钟本章节简单介绍课程最终效果,技术选型,学习目标及学习收获。收起列表视频:1-1 导学 (17:58)视频:1-2 二次封装的意义 (05:36)第2章 封装组件初级篇(上)14 节 | 115分钟本章节会实现一些基础功能组件,意在讲解封装组件的技巧和组件设计思想,包括如何定义视图,定义数据和定义事件,为后续难度升级做好准备。收起列表视频:2-1 搭建vite项目并配置路由和element-plus (09:17)视频:2-2 全局注册图标 (07:43)视频:2-3 伸缩菜单-完成伸缩菜单基本功能 (10:55)视频:2-4 伸缩菜单-抽离头部和侧边栏组件并完善伸缩菜单 (08:22)视频:2-5 图标选择器-巧用两次watch控制弹框的显示与隐藏 (16:55)视频:2-6 图标选择器-巧用component动态组件显示所有的图标 (09:47)视频:2-7 图标选择器-利用命名空间修改dialog样式 (07:41)视频:2-8 图标选择器-通过自定义 hooks 函数实现复制功能 (06:52)视频:2-9 省市区选择组件-利用 github 获取到省市区数据 (09:39)视频:2-10 省市区选择组件-巧用 watch 来达到三级联动效果 (11:26)视频:2-11 省市区选择组件-完善省市区联动组件并给父组件分发事件 (09:51)视频:2-12 利用app.use特性全局注册组件 (06:02)作业:2-13 扩展一个省市区街道四级联动组件作业:2-14 扩展一个级联选择框的省市区组件第3章 封装组件初级篇(下)7 节 | 91分钟本章节会实现一些基础功能组件,意在讲解封装组件的技巧和组件设计思想,包括如何定义视图,定义数据和定义事件,为后续难度升级做好准备。收起列表视频:3-1 趋势标记-图标的组合使用实现上升下降趋势 (14:27)视频:3-2 趋势标记-动态绑定class的妙用实现颜色反转 (09:17)视频:3-3 趋势标记-计算属性的妙用实现文字颜色 (09:46)视频:3-4 通知菜单-icon和badge组件的组合使用 (10:22)视频:3-5 通知菜单-封装一个列表组件(上) (13:42)视频:3-6 通知菜单-封装一个列表组件(下) (27:26)视频:3-7 通知菜单-完善list组件并融合进通知菜单 (05:45)第4章 封装组件中级篇 14 节 | 206分钟本章节会通过四个复杂组件来深入组件封装的技巧和思想,当遇到复杂需求时,如何利用现有组件实现更多功能。收起列表视频:4-1 导航菜单-导航菜单的需求分析和数据设计 (11:12)视频:4-2 导航菜单-巧用 template 实现两级结构的菜单 (11:41)视频:4-3 导航菜单-使用 tsx 实现无限层级菜单 (17:35)视频:4-4 导航菜单-利用封装好的导航菜单组件改造项目整体结构 (07:49)视频:4-5 导航菜单-完善细节并增加自定义键名功能 (11:24)视频:4-6 进度条-完成进度条动态加载效果 (13:04)视频:4-7 时间选择组件-完成时间选择组件的全部功能 (19:16)视频:4-8 时间选择组件-完成日期选择组件所有功能 (17:10)视频:4-9 时间选择组件-修复日期选择组件结束日期未清空问题 (01:29)视频:4-10 城市选择组件-组合式使用组件完成基本布局 (21:49)视频:4-11 城市选择组件-获取城市数据并显示所有城市 (15:43)视频:4-12 城市选择组件-绑定事件并实现点击字母跳转到对应区域 (12:04)视频:4-13 城市选择组件-完善按省份选择城市 (23:04)视频:4-14 城市选择组件-使用 filter-method 实现搜索过滤 (21:53)第5章 封装组件高级篇(上) 14 节 | 177分钟本章节将对表单,这个在平时业务当中用的最多并且最重要的两个组件进行二次封装,也是本次课程难度最大,课程中将展现更多组件封装技巧,特别是对复杂组件的处理。收起列表视频:5-1 表单组件-一个强大的表单组件应该具备哪些功能 (09:58)视频:5-2 表单组件-使用ts定义表单配置项的数据类型 (12:27)视频:5-3 表单组件-使用配置的数据完成一个基本版表单 (18:09)视频:5-4 表单组件-巧用component动态组件配置添加子元素组件 (19:43)视频:5-5 表单组件-单独处理上传组件-1 (19:10)视频:5-6 表单组件-单独处理上传组件-2 (14:46)视频:5-7 表单组件-巧用插槽给表单加上操作项 (14:39)视频:5-8 表单组件-完善表单上传逻辑 (06:46)视频:5-9 表单组件-集成富文本编辑器 wangeditor (13:34)视频:5-10 表单组件-完善表单重置逻辑 (08:12)视频:5-11 表单组件-弹出框表单的基本结构 (11:08)视频:5-12 表单组件-使用defineExpose获取表单实例方法 (15:26)视频:5-13 表单组件-完善表单逻辑 (08:37)视频:5-14 表单组件-表单组件总结 (03:44)第6章 封装组件高级篇(下)本章节将对表格,这个在平时业务当中用的最多并且最重要的两个组件进行二次封装,课程中将展现更多组件封装技巧,特别是对复杂组件的处理。第7章 封装组件拓展篇本章节将会选择fullcalendar作为日历基础组件,将fullcalendar封装成一个高拓展性的日历组件。第8章 使用vuepress 编写组件文档本章节将会使用vuepress来为组件库编写组件文档。本课程持续更新中


lomeixiok 发表于 2021-12-4 02:39:48

谢谢楼主,共同发展

0 发表于 2021-12-4 02:49:56

0 发表于 2021-12-4 02:57:37

可以可以,确实不错!主要客服真的很好!

0 发表于 2021-12-4 03:51:01

这门课讲师有点搞笑呀

0 发表于 2021-12-4 04:22:15

没文化,来一句 卧槽 牛逼

hughshen 发表于 2021-12-4 04:32:54

哇 终于这门课出来了 哈哈 谢谢

0 发表于 2021-12-4 06:29:03

hhhhhhh-

0 发表于 2021-12-4 06:36:26

无密mp4格式就是棒!不用下载专用的播放器 省劲!

0 发表于 2021-12-5 00:44:20

真的超赞
页: [1] 2
查看完整版本: 基于Vue3+Vite+TS,二次封装element-plus业务组件