如何讓你的前端程序看起來很優(yōu)雅而又簡單顷啼。
最近我做的項目幾乎都是管理系統(tǒng)僧免，所以為了節(jié)約時間，開始使用ui框架-----elementui锯厢。
一個簡單的管理系統(tǒng)來說，這套ui框架足夠使用了脯倒，而且對樣式的自定義來說实辑，這套ui框架相對于比較靈活。
為什么我說管理系統(tǒng)適合用這套ui呢藻丢，因為管理系統(tǒng)大多數(shù)使用到的組件都能在這上面找到剪撬，而且看起來清晰淡雅，不信你看：
elementui的官方地址：http://element-cn.eleme.io/#/zh-CN
中文版的悠反，很容易理解残黑，左側是它集成的組件列表，右側則是實例的樣子和源碼斋否。
想當初我對ui框架是從來都不光顧的梨水，但前端兩大ui框架還是好用的，pc端可以使用這套茵臭，移動端可以使用vant疫诽。這里我們先不過多介紹vant，今天我們的主題是elementui。
這套組件的有點就是踊沸，你要的它都幾乎都有歇终，什么時間控件、好看的select逼龟、輪播圖评凝、折疊菜單啊，你都可以找到腺律。
因此這對于一個做項目管理系統(tǒng)的開發(fā)人員來說奕短，可以節(jié)省很多寫樣式的時間。
在vue項目中使用插件匀钧，都是把依賴包下載下來翎碑。你便可以在你的node_modules里面找到。引入方式有多種之斯，如果你的整個項目所有頁面都需要使用到插件日杈，你可以在main.js里面引入，例如：
在main.js里面引入的插件或者組件和樣式佑刷，都是全局的莉擒。
你也可以選擇在你頁面中的script里面import。這種的引入方式瘫絮，只作用于你當前的頁面涨冀。
例子
我在我的項目中需要用到一個時間選擇控件，因此我在官網(wǎng)上找到了這個
在控件的下方麦萤，官網(wǎng)給了實例代碼
我把這一段粘貼到我的項目中鹿鳖，然后給它一個class，便可以自定義它的樣式咯壮莹。
我給這個控件加了寬度之后翅帜，最后的展示效果是這樣的。
ok垛孔，例子已經(jīng)完成藕甩，你學會了嗎？
非常簡單而且便捷的ui框架周荐，你也趕緊用起來把~~
