Element-ui

Element-ui概述

Element-ui，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。

Element-UI安装及配置

安装

npm install --save element-ui

在main.js下配置element-ui

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

Element-ui布局

Layout 布局 :通过基础的 24 分栏(列)，迅速简便地创建布局。

基础布局 通过 row 和 col 组件，及col 组件的 span （列的跨度）属性 创建基础的栅格布局

列的间隔 Row 组件 提供 gutter 属性来指定每一栏之间的间隔，默认间隔为 0。

混合布局  通过基础的 1/24 分栏任意组合形成较为复杂的混合布局。

分栏偏移 offset属性 每栏 支持偏移指定的栏数

对齐方式 通过 flex 布局来对分栏进行灵活的对齐。

响应式布局 参照了 Bootstrap 的 响应式设计，预设了五个响应尺寸：xs、sm、md、lg 和 xl。

element-ui常用组件

表格 

分页

导航菜单

下拉菜单

树形控件

穿梭框

日期选择器

级联选择器