介绍element-ui之前我们先介绍下element

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

这样说吧，使用它可以快速的搭建一套【前后端分离，vue数据双向绑定】的后台管理框架，切面也不失违和感，还是比较的简洁大气，以前一直使用hui-admin作为后台管理框架，在使用了element-ui之后还是发现其还是有很多优势的。

1、element-ui提供了很多的组件供开发者使用，使开发效率得以大幅度提高。

2、elemt-ui 可以很容易的使风格统一。

3、前后端分离，代码更加容易管理。

4、使用vue数据双向绑定，快速构建模块。

5、不用引入一大堆js,css,images，使项目变得异常庞大，element-ui就是简洁

由于技术不断更新，我个人感觉hui-admin的风格有点老了，使用前后端分离，数据双向绑定是比较前沿的，也是与时俱进的，因此大家可以一起来学习下了哦！

网上有很多朋友使用element+vue 实现过部分后台管理系统，但是多数都是基于node.js 的，然我对node.js 并不是过于熟悉，搭建他们写的框架显得起来异常麻烦，因此基于element-ui 手写了一个简易框架，下载即用！不用安装node.js 等！

目前只写了脚手架，其实已经够了，我们再开发其他的页面可以根据element-ui提供的组件来实现。element组件可以实现列表、表单、搜索等一切我们想要实现的。

接下来我们来看下我们的展开导航的界面吧：

整体上来说简约风格，简洁清爽，还是比较不错的。

搜索导航界面：

看到图片我想有部分小伙伴已经开始爱上它了。我相信在实际使用过程中，大家会更加喜欢他，因为我在使用它的过程中真心体验到一些比较便利的东西，大家不妨来使用一下吧！