Element-UI使用指南

一、安裝好vue-cli腳手架之後
1、安裝Element-UI：
npm i element-ui -S
2、項目中 main.js 文件中引用
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
3、註冊使用：
Vue.use(ElementUI)

二、使用Element-UI
1、最外層頁面整體框架，使用el-row el-col，進行柵格化處理，即Layout 佈局
不使用Container 佈局容器，自己使用class="container" class="header" class="main"來自定義樣式

<template>

    <el-row class="container">
        <el-col :span="24" class="header">
            <el-col :span="10" class="logo"></el-col>
            <el-col :span="14" class="userinfo"></el-col>
        </el-col>
        <el-col :span="24" class="header">

        </el-col>
    </el-row>

</template>

這些是外部的佈局容器，定義內部的小組件時，可以使用Element-UI提供的組件，比如NavMenu 導航菜單等等