Vite + Vue3 + ElementPlus业务组件封装
课程详情
课程详情
本课程旨在帮助具有一定 Vue 知识储备的开发者,通过学习 Vite + Vue3 + ElementPlus 的业务组件封装,提高项目开发效率和代码质量。
适合人群
- 具备初级开发程序员能力,对 Vue 有一定了解。
- 希望突破技术瓶颈,提升业务组件封装能力。
- 希望提高代码复用能力和项目可维护性。
学习收获
- 掌握 Vite + Vue3 + ElementPlus 环境下的业务组件封装。
- 提升项目开发效率和逻辑处理能力。
- 提高代码复用能力和项目可维护性。
- 增强组件模块能力。
课程亮点
- 企业级业务组件封装,贴近实际工作。
- Button、Form、Table 组件封装,集成相关表单控件。
- 改变传统 UI 数据传递方式,通过属性配置渲染组件数据。
- 基于 Vue3 的 setup 语法糖,提升开发效率。
- 针对初级程序员,提供质的提升路径。
- 课程代码持续更新,配套代码资料丰富。
课程目录
01 Button组件封装 01 使用 Vite 搭建 Vue3 脚手架.mp4 02 创建button组件并引用.mp4 03 Default按钮效果实现.mp4 04 其他几个背景按钮效果实现.mp4 05 定义鼠标滑过的效果.mp4 06 实现按钮镂空及悬停效果.mp4 07 实现圆角按钮效果.mp4 08 按钮禁用效果实现.mp4 09 按钮大小设置及块级按钮实现.mp4 10 给按钮添加前置、后置图标.mp4 11 添加loading图标,并实现加载中动画效果.mp4 12 按钮点击加载中-防连点.mp4 02 表单Form封装 01 表单封装思路、引入ElementPlus.mp4 02 不同类型表单控件的数据配置思路.mp4 03 表单form整体配置.mp4 04 控件数据配置.mp4 05 表单校验配置.mp4 06 У�������ȡ���Զ���У�����.mp4 07 通过history和路由两种方式返回Home页.mp4 08 表单信息重置.mp4 09 表单信息提交.mp4 03 表单控件自动化加载 01 实现指定模块的自动化加载.mp4 02 动态组件加载表单控件配置.mp4 03 页面剩余表单控件的抽离.mp4 04 补充:模板触发事件与运行时警告处理(持续更新中。。。).mp4






