Vue3 + ElementPlus 后台系统
🎒
30章 · 企业级实战
1
Vue3入门
01
发展史 · 新特性 · 环境搭建 (Node/Vite/CLI)
2
Vue3核心概念
02
创建应用 · 模板语法 · ref/reactive · 计算属性
3
组件基础
03
全局/局部注册 · props/emit · 插槽Slot
4
生命周期
04
钩子详解 · setup/onMounted · 实战应用
5
指令系统
05
v-bind/v-model/v-for/v-if/v-show · 自定义指令
6
Vue Router
06
路由配置 · 动态/嵌套路由 · 守卫 · 编程式导航
7
Pinia状态管理
07
核心概念 · Store · Actions/Getters · 模块化
8
组合式API
08
setup · ref/reactive进阶 · computed/watch · provide/inject
9
组件进阶
09
动态/异步/递归组件 · 组件v-model · 透传Attributes
10
过渡与动画
10
Transition/TransitionGroup · CSS动画 · 第三方库
11
ElementPlus入门
11
介绍 · 安装引入 · 全局/按需 · 主题定制
12
布局组件
12
Container · Row/Col栅格 · 布局实战
13
基础表单组件
13
Input/Select/Radio/Checkbox/DatePicker · 表单验证
14
数据展示组件
14
Table/Pagination/Tag/Badge/Card
15
反馈组件
15
Dialog/Message/Notification/Loading
16
导航组件
16
Menu/Tabs/Breadcrumb/Steps
17
进阶组件
17
Tree/Upload/Transfer/Cascader
18
企业级后台布局
18
侧边栏+顶栏 · 响应式 · 多标签页Tab
19
权限管理实战
19
动态路由 · 按钮级权限 · 角色管理 · 指令封装
20
国际化方案
20
Vue I18n · ElementPlus国际化 · 多语言切换
21
数据可视化集成
21
ECharts集成 · 图表封装 · 大屏展示基础
22
表单生成器实战
22
动态表单 · JSON Schema驱动 · 动态渲染
23
表格高级功能
23
列动态显示 · 导出Excel · 行拖拽 · 内联编辑
24
文件上传与管理
24
Upload深度 · 文件预览 · 断点续传思路
25
项目工程化
25
ESLint/Prettier · Husky · 环境变量配置
26
性能优化
26
Vue3优化策略 · 懒加载 · 虚拟列表 · 代码分割
27
单元测试&E2E
27
Vitest · Vue Test Utils · Cypress入门
28
部署与CI/CD
28
构建打包 · Nginx/Docker · GitHub Actions
29
企业级项目实战 (上)
29
需求分析 · 架构设计 · 登录模块开发
30
企业级项目实战 (下)
30
核心业务 · 权限集成 · 数据看板 · 复盘