vue学习的第十二天——element项目开发（含解析）

前言：在经过了第8天的element基础学习，今天通过一个具体的实例去展示一下怎么用element快速的去开发一个系统。今天只做前端的学习，后端改天再聊。

一.项目展示

按照element的框架部分进行开发避免了css过多的繁琐，如有忘记看第八天的ps导航菜单详解部分

 因为el-aside和el-haeder部分比较简单就不做详细的介绍，重点讲解四.el-main部分!!!

二.el-aside和el-haeder部分html部分编写

三.el-aside和el-haeder部分js部分代码

四.el-main的编写

相信大家由二部分可以看得出来，el-main是为了给子路由部分占坑，当我们点击用户的列表时，我们就会看见我们跳转到了一个子路由，而el-main部分也相应的改变了。现在我们来看看el-main部分是怎么编写的。

4.1el-main部分用户信息展示页面html部分（含解析）

4.2el-main部分用户信息展示页面js部分（含解析）