你将学到的
  • 如何使用 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。Vue 是一套关注视图层的框架,为前端工程师们减轻了许多负担。Vue 向前端工程师提供了许多三方库,使得前端工程师们能够更加轻松的进行开发。在前端的学习潮流中,Vue 是我们必须要学习的一项前端框架。在当今的招聘市场中,Vue 也是各大公司严格要求的框架。面试官们更是不会放过 Vue 的各种面试问题。实验楼当中已经有了 Vue 基础入门,学习了 Vue 基础之后但是还不能在项目当中灵活运用 Vue 框架的工程师们,在本次学习当中就可以进一步掌握 Vue 的进阶使用了。

很多工程师们总是会冒出各种想法,想要靠着自己精湛的技术来制作属于自己的网站。但是真正开始制作后,才发现不知道该如何下手,所制作出来的网页完全达不到自己预期的效果。这个时候就需要使用我们本次训练营另外一个主角——ELmenetUI。ELementUI 是一套专门为开发者、设计师和产品经理准备的桌面端组件库。最关键的是 ElementUI 是基于 Vue2.0 开发的,所以对于 Vue 具有很强的兼容性,最适合我们的 Vue 项目使用。

所以本次训练营便使用 Vue 和 ElementUI 来开发我们的后台管理系统,通过本次训练营的学习,不仅仅能够掌握 Vue 的进阶语法,更能学会 ElementUI 如何应用在项目中。当本次训练营学习之后,脑海中有着繁多想法的工程师们也就可以开始制作出自己心仪的网站了。

本次训练营课程主要分为以下部分:

  • 使用 Vue CLI 创建项目
  • Vue 中使用 ElementUI
  • 引入外部框架库

课程特色

  • 课程从零开始搭建项目,项目功能十分完善
  • 课程完成之后还可以进行自主拓展
  • 课程根据当下最新版本进行讲解

效果演示

以下为实践项目的页面和功能展示:

  • 项目展示

图片描述

  • 登陆页面

图片描述

  • 系统主页

图片描述

  • 功能页面

图片描述

先学课程

适合人群

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

课程信息

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

AsunaCC 共发布过 2 门课程

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