Elment UI的使用说明

 一、 Elment UI

　　1、 简介

　　　　Element UI是饿了么团队提供的一套基于Vue2.0的组件库，可以快速搭建网站，提高开发效率，就如同bootstrap。

　　2、组件分类

　　　　 ElementUI  适用于PC端

　　　　 MintUI 适用于手机移动端

　　3、官网

　　　　http://element.eleme.io/

二、快速上手

　　1、 安装elment ui

　　　　cnpm install element-ui -S

　　2、 在main.js中引入并使用组件（全局引入）

　　　　1、import ElementUI from 'element-ui'          //只是引入了ElementUI的js文件

　　　　2、import 'element-ui/lib/theme-default/index.css' //该样式文件需要单独引入，引入的是ElementUI的css样式文件

　　　    3、Vue.use(ElementUI);  //使用ElementUI组件，这种方式引入了ElementUI中所有的组件

　　　　4、示例：

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css' //该样式文件需要单独引入
import App from './App.vue'

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
})

View Code