element-ui 46.7k

地址：https://github.com/ElemeFE/element

餓了麼團隊開發，目前國內人氣特別旺。

這個框架符合華人的頁面習慣，在沒有特別好美工的條件下可以開發出基本滿足要求的管理頁面。使用門檻不高。

缺點：

1、不支援IE8（目前這個需求不太多，除非是老公司的系統）

2、預設控制元件不支援選項卡，多頁面顯示需要自己實現。

地址：https://github.com/chuzhixin/vue-admin-beautiful

基於element-ui做的封裝，對於初學者來說利用這個框架比element-ui可以更容易上手。

地址：https://github.com/iview/iview

介面美觀度最高，但是使用難度也是最高。

由於這些框架本質上只是一些元件庫，並沒有指導規劃業務系統的屬性，所以無論使用哪一種框架，一定要做二次封裝，舉例如下：

1、登入驗證邏輯（token機制）

2、http請求及通用業務異常處理

3、整體業務程式碼層級規劃。

4、共通頁面封裝（登入跳轉、彈出選擇、業務通用元件）

5、定義報名，變數名等命名規範

6、共通編碼抽取

7、頁面佈局約定

8、頁面及js程式碼分離

這裡只是列舉了一些典型的，如果不進行封裝，隨著專案發展解決坑的問題將會越來越困難。做好前期準備至關重要。

一個用jsdom來做SSR的二開框架

https://github.com/cjy0208/santi