从0开始搭建高仿华为云教育课堂官网（二）引入element-ui编写首页轮播图

之前上过一些华为云的前端教育课程，最终考核是以vue为基础搭建一个华为云教育课堂的官网，网址如下
https://classroom.devcloud.huaweicloud.com/home
下面记录一下搭建网站的全过程。

回顾一下截止目前的进度

抽象出了一个Nav导航栏组件，引入到主页面中，并且鼠标滑过时会更换字体颜色

搭建网站主页面（2）利用elementui实现轮播图

观察到网站首页在导航栏下方就是一个轮播图，轮播图有多种实现方式，甚至可以用原生js去写，这里为了方便美观使用了element-ui的轮播图组件
使用element-ui的方法如下

1. cnpm i element-ui -S

建议使用cnpm安装，cnpm的安装方法参考 https://developer.aliyun.com/mirror/NPM?from=tnpm
如果网速允许可以用npm直接安装 npm i element-ui -S

2.修改main.js文件

main.js文件在vue-cli创建时自动生成，修改为

im