element ui 12 中进度条标签不能展示_带您学习element ui前端UI框架与vue融合

Element UI 是一套采用 Vue 2.0 作为基础实现的前端UI组件库，我感觉它的外观比bootstrap要好些，由于是js的框架，因此操作ui控件比较简单，但是学习成本就增加了.使用起来还是很简单的，可以帮助站长和爱好者快速建立网站的页面.我觉得比iview ui好.element起码代码直接复制粘贴就能用.

这里，我只是带领大家领略下element的风采.一些基础控件请看下图：

button控件

表单

进度条控件

到这里大家一定很想知道该如何使用element ui库呢？别急，我这就告诉大家.首先我们在html的页面写下如下代码：

这里我解释下：

首先，我们在html的head头中使用element的cdn地址，注意一定要先引入vue.js的地址，因为这是element的基础哦，所以需要先引入，然后引入element的js文件和css文件.

其次，在body中我们要把element的手册文档中的元素名称前加个el-,如想要用button,那么在body中要写成的形式.

element的元素引入方式是el-元素名称

接着，我们在script标签中引入vue的实例.这是vue.js的强制要求哦，语法如此，不做解释了.

实例化vue

经过以上步骤，我们打开页面就可以看到一个使用了element ui的页面了，注意一定要连接网络才可以看到哦.因为head引用的地址需要联网的才可以下载.接下来我们看看element ui为我们提供了哪些丰富的控件吧.

控件

表格控件等

导航控件等

如果您以前没有用过vue那么还是学习下也好,这对于前端开发来说确实提高效率.如果朋友说我就用js,那也没关系,原生的比框架更有性能优势,但是抛开性能不谈,我想多数朋友也不是都从事有关性能的产品研发的,因此看个人喜好了.