【elementUI+vue-cli】構建後臺管理界面

前言

前段時間關注了一下基於vue的PC端UI組件elementUI，我以爲很漂亮並且也很實用，我就嘗試着作了一個用elementUI構建的一個後臺系統，功能很簡單。。咳咳咳，小白請進，大神繞道

技術框架

vue-cli + elementUI + vue-charts

安裝

npm安裝
推薦使用 npm 的方式安裝，它能更好地和 webpack 打包工具配合使用。

npm i element-ui -S

因爲項目是基於vue-cli構建的，那麼咱們如今就能夠直接在main.js文件中引用elementUI啦

在main.js中寫入如下內容

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)

綜上所述elementUI算是安裝好啦

項目部分截圖

目的

這是一個很小的項目，主要仍是拿來練練手，我的的感悟就是，elementUI這套框架很是適合拿來作後來管理程序，這套UI在不少地方都幫你把交互作好了，咱們須要作的只是將數據填充便可，後續我還會繼續維護這個項目，真正意義上作到一個大而全的後臺系統，共勉！

源碼地址

連接描述