Vue.js进阶【5-1】element-ui入门

官方下载地址：https://github.com/ElementUI/element-starter

一、介绍

element提供了按钮、单选、日期、下拉、文本框等各种UI界面控件。

该库可以很好的和Vue结合起来用。

二、下载与使用

下载到本地目录之后安装运行即可看到一个按钮的Demo

npm install

npm run dev

点击按钮弹出dialog

Demo代码

按钮的响应事件执行体被我改成了alert。

三、详细介绍

一个全面介绍element-ui的博客：https://blog.csdn.net/mapbar_front/article/details/79102167

1 按钮Button

各种按钮展示

 

按钮是el-button来表示的

按钮是分类的，每一种类型就对应不同的button。

按钮的类型type可取值：’primary’、’success’、’warning’、’info’、’danger’

plain：决定了按钮是否使用素色系列。

round：决定了按钮是不是圆角展示。