element ui、自定義全局組件（插件）

一、element ui

1、簡介

    Element UI 是餓了么團隊基於vue2.0的組件庫 ，可以快速搭建網站，提高開發項目

    [官網]https://element.faas.ele.me/#/zh-CN

2、快速上手

    2.1 安裝 element ui

         cnpm i element-ui -S 

    2.2 在main.js中引入並是使用組件

        import ElementUI form 'element-ui'
        import 'element-ui/lib/theme-defaul/index.css'/該樣式文件單獨引入
        Vue.use(Element)
        這種方式引入了ElementUI中所有的組件

    2.3 在webpack.config.js中添加loader

        默認並沒有style-loader模塊，所以需要單獨安裝

         cnpm install -D style-loader 

    2.4 使用組件

    2.5 使用less

        安裝loader，需要less、less-loader

         cnpm install less less-loader -D 

3、按需引入組

    3.1 安裝babel-plugin-component

         cnpm install babel-plugin-component -D 

    3.2 配置 .babelrc文件

'plugins':[['component',[
                {
                    'libraryName':'element-ui',
                    'styleLibraryName':'theme-default'
                }
              ]
            ]]

    3.3 只引入需要的插件

二、自定義全局組件（插件）

全局組件（插件）：是指可以在main.js 中使用vue.use()進行全局引引入

普通組件（插件）：每次使用時需要引入，如：axios

    import axios from 'axios'