携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第8天，点击查看活动详情
上一篇文章中我们创建了一个vue2.0的项目并且将页面初始化了一下，接下来我们就要完成他的页面部分了，里面的主题内容使用到了Element-ui以及echarts，数据模拟使用的是mockServe.
- 首先，这个后台管理系统大量使用到了Element-ui的组件，所以我们首先需要引入Element-ui,我们这个项目是vue2.0项目，所以不用点击3.0的Element-ui组件库，点击Element官网：element.eleme.cn/#/zh-CN/com… ，点击安装，在我们项目的终端输入npm i element-ui -S 这里的-S就是-save,等待他安装好，那么我们如何检查自己是否安装成功了呢？我们只需要点击项目里面的package.json文件，然后查找是否有element-ui这个组件库，然后后面对应的数字是他的版本号，然后点击网站里的快速上手，我们发现需要引入，所以我们在main.js入口文件里面import一下element以及他的css样式,代码如下：
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
然后再在下面写上Vue.use(ElementUI);。
- Element-ui的引入有按需映入以及全局引入，这里我们只是单独的做项目，当作一次练习，所以我建议还是全局引入，以防后续过程中添加了组件却忘了引入找不到错误。
- 然后我们可以随便复制粘贴一个组件来检查我们的引入是否成功，这里我们找到button按钮，复制下他的代码到我们的项目里，查看是否引入成功。如果出现了类似的按钮，则引入Element-ui就成功了。
