你将学到的
  • 如何使用 vue-cli 创建 vue 项目
  • 如何使用 VUE 模块化组件
  • 如何扩展 VUE 项目
  • 如何使用 Element UI 布局
  • 如何使用 VUE 去中心化路由
课程内容
  共12个章节
lab-classic 实验 1 使用 Vue CLI 创建项目

知识点: 1.VueCLI简介 2.VueCLI创建项目 3.项目所需插件安装 4.项目文件结构

lab-classic 实验 2 创建组件配置路由

知识点: 1.创建组件 2.路由插件的引入 3.路由配置 4.嵌套路由

lab-classic 实验 3 Element UI 框架

知识点: 1.ElementUI简介 2.ElementUI全局引入 3.ElementUI按需引入 4.ElementUI实战

lab-classic 实验 4 完善组件模块

知识点: 1.组件模块化 2.嵌套组件 3.ElementUI框架使用 4.非父子组件通信

lab-classic 实验 5 完善登陆与首页组件模块

知识点: 1.组件模块化 2.嵌套组件 3.ElementUI框架使用 4.ElementUIlayout布局 5.路由导航守卫

lab-classic 实验 6 完善 tabs 标签页模块

知识点: 1.组件模块化 2.ElementUI框架 3.数据操作

lab-classic 实验 7 完善基础表格

知识点: 1.ElementUI 2.axios连接后台 3.分页导航 4.数据操作

lab-classic 实验 8 完善拖拽组件

知识点: 1.自定义指令 2.设置弹窗拖拽属性 3.数据操作

lab-classic 实验 9 扩展新功能

知识点: 1.路由去中心化 2.组件模块化 3.SChart图表 4.i18n国际化 5.权限控制

lab-challenge 挑战 1 挑战一:扩展基础表单

知识点: 1.ElementUI的使用 2.路由去中心化 3.模块化组件

lab-challenge 挑战 2 挑战二:扩展自定义图标库

知识点: 1.资源文件引入 2.路由去中心化 3.模块化组件

lab-classic 实验 10 挑战参考答案
课程介绍

课程介绍

在本课程中,详细的介绍了使用 vue-cli 脚手架工具创建一个 VUE3 项目,并且引入 Element UI 来万恶成页面布局。作为一个前端开发工作者,对于轻量化框架 Vue 必须掌握,Element UI 的编辑开发辅助框架 ELement UI 更是前端开发工作者应该熟练使用的。

先学课程

课程难度

简单

适合人群

有一定 vue 基础语法基础,热爱前端,渴望学习前端热门新技术的人群。

课程信息(训练营)

  • 学习周期:课程有效期 2 个月,2 个月后实验文档一直可以看,但无法进行在线实验。高级会员有效期内可一直学习,高级会员到期后课程失效(不能看文档)。
  • 课程价格:当前优惠价格 79 元。
  • 企业团报:可获得更多支持服务,请点击购买咨询
课程教师

AsunaCC 共发布过 1 门课程

查看老师的所有课程 >
实验楼楼+
实验楼会员