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