Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Vue3TypeScript实战后台管理系统(vite/ts/pinia/element-plus)
Highest Rated
Rating: 4.8 out of 5(54 ratings)
373 students

Vue3TypeScript实战后台管理系统(vite/ts/pinia/element-plus)

Vue3TypeScript实战后台管理系统
Created by米斯特 吴
Last updated 10/2024
Chinese

What you'll learn

  • 熟练使用Vue3最新语法的开发
  • 熟练使用element-plus的使用
  • 熟练使用pinia实现状态管理
  • 熟练使用typescript的应用

Course content

4 sections122 lectures15h 28m total length
  • Vue3TypeScript项目成果展示(Pinia/element-plus)4:30
  • Vue3TypeScript-创建项目2:23
  • Vue3TypeScript-创建路由7:10
  • Vue3TypeScript-安装Element-Plus5:35
  • Vue3TypeScript-渲染404和注册页面6:13
  • Vue3TypeScript-实现注册表单的数据绑定11:41
  • Vue3TypeScript-注册表单校验规则9:09
  • Vue3TypeScript-注册表单rules的类型匹配4:08
  • Vue3TypeScript-注册表单提交按钮校验3:48
  • Vue3TypeScript-配置反向代理解决跨域6:54
  • Vue3TypeScript-实现路由跳转4:21
  • Vue3TypeScript-实现登录功能10:48
  • Vue3TypeScript-实现路由守卫2:55
  • Vue3TypeScript-请求数据携带token4:10
  • Vue3TypeScript-请求拦截和响应拦截8:18
  • Vue3TypeScript-解析token4:14
  • Vue3TypeScript-使用pinia实现全局状态管理13:07
  • Vue3TypeScript-布局导航11:54
  • Vue3TypeScript-实现退出功能9:12
  • Vue3TypeScript-动态展示数据和avatar1:55
  • Vue3TypeScript-展示首页默认页面3:33
  • Vue3TypeScript-展示用户信息8:17
  • Vue3TypeScript-构建侧边栏7:56
  • Vue3TypeScript-动态加载侧边栏15:18
  • Vue3TypeScript-侧边栏实现跳转5:14
  • Vue3TypeScript-显示数据的Table表格9:02
  • Vue3TypeScript-处理table表格的设置9:54
  • Vue3TypeScript-实现添加按钮2:24
  • Vue3TypeScript-实现弹窗的布局9:45
  • Vue3TypeScript-定义弹窗的数据7:32
  • Vue3TypeScript-弹窗的类型匹配6:19
  • Vue3TypeScript-解决弹窗的bug2:44
  • Vue3TypeScript-实现添加数据4:25
  • Vue3TypeScript-获取编辑数据7:48
  • Vue3TypeScript-实现编辑和删除7:03
  • Vue3TypeScript-实现分页展示15:07
  • Vue3TypeScript-实现分页跳转9:55
  • Vue3TypeScript-根据时间筛选数据12:05
  • Vue3TypeScript-权限控制6:00

Requirements

  • Vue3
  • element-plus
  • pinia
  • typescript

Description

Vue3TypeScript实战后台管理系统(vite/ts/pinia/element-plus)


VUE是目前热门的前端框架之一,薪资很高,本课程教您如何快速学习VUE并应用到实战,教你如何解决内存泄漏,常用UI库的使用,自己封装组件,正式上线白屏问题,性能优化等。对正在工作当中或打算学习VUE的你来说,那么这门课程便是你手中的葵花宝典。


学习技巧:学习当中不要只看,一定要多敲代码,如果碰到某一个知识点不是很明白,不要钻牛角尖,千万不要因为一个点,放弃整个森林,接着往下学,硬着头皮开发项目只要能亲自开发一个完整的项目,你会发现不明白的地方自然而然就明白了,项目做出来就真正的学习了。


此vue课程以面试和实战为基础进行讲解,每个知识点都会让你知道在实际项目开发中如何使用,学习后,可以开发企业级项目,增强逻辑思维,拥有中级前端开发经验的实力!


Vue3 新增的几个亮点:

  • Performance:性能优化

  • Tree-shaking :支持摇树优化

  • Composition API :组合式api

  • 新增组件:Fragment、Teleport、Supense

  • 更好地支持 ts

  • Custom Render API:自定义渲染器

您将会学到什么

  • vue实战项目

  • 后台管理

  • composition API

  • script Setup语法糖

  • 权限管理

  • element-plus

  • pinia

  • typescript

  • vue-router

  • axios

  • node interface

  • defineProps

  • defineEmits

  • 数据的增删改查


Who this course is for:

  • 课程适合有vue2基础的伙伴学习