Element-UI快速入门
1、什么是ElementUI
Element 饿了么前端出品的一套 基于 Vue 2.0 的桌面端组件库官网
2、安装
npm install element-ui -S
3、在main.js中引入
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI);
4、sublime text安装elemnt-ui代码片段插件
打开sublime text的安装目录，找到存放插件的目录，例如：
Sublime Text 3x64 > Data > Packages
5、代码片段插件使用教程地址
[教程地址](https://packagecontrol.io/packages/Element UI Snippets)
6、Element-ui使用说明
6.1
el-row的gutter属性主要是用来设置元素的左右间隔值（padding）,例如:gutter=’50’，意思是内边距的左边为25px（padding-left），右边距为25px（padding-right）
6.2
el-container嵌套里面的元素需要有一个block的元素包住，否则无法撑开容器
6.3
el-main、el-aside一些元素有overflow:auto，如果不想出现滚动条可以设置overflow:visible
6.4
Element-ui绑定事件使用@click.native
6.5
template不能添加css的class
6.6
如果需要覆盖element-ui的默认样式，style标签不能添加scoped，可以在页面添加多一个style或不加scoped，但是注意要加上模块来添加class，防止出现重复
6.7
父元素设置了margin之后，如果子元素也设置margin会引发margin重叠
6.8
修改elementui样式不能加scoped，否则无效，修改完后线上的样式却与本地不一样，原因是样式的引入顺序决定了打包顺序：
6.9
对于需要全局修改element-ui的样式，可以创建一个css文件(import ‘@/assets/css/reset.css’ // 全局或重置样式)进行修改，如果只是想在组件修改就不需要放在reset.css了