Vue.js 是一個(gè)用于構(gòu)建用戶界面和單頁應(yīng)用程序的開源 JavaScript 框架,自2014年首次發(fā)布以來,Vue 經(jīng)歷著不斷的成長(zhǎng)。2018年 Vue.js 主題的 VueConf 峰會(huì)參加者眾多,Vue.js 也被票選為用戶滿意度最高的 JS 框架。
和競(jìng)爭(zhēng)對(duì)手 React 框架相比,Vue 的區(qū)別優(yōu)勢(shì)在于他們的核心團(tuán)隊(duì)在解決框架中出現(xiàn)的問題時(shí)態(tài)度非常積極。舉個(gè)例子,Nuxt 框架(一個(gè)構(gòu)建通用 Vue 應(yīng)用程序的框架)的開發(fā)者中很多都來自 Vue 的創(chuàng)始團(tuán)隊(duì)。
另一個(gè)例子就是 vue-class-component,它支持使用 class 類方式來開發(fā) vue 組件,并且即將被整合在 Vue 3.0 中,Vue 3.0 預(yù)計(jì)將在2020年第一季度發(fā)布。
雖然 Vue 功能強(qiáng)大,但仍然有很多 Vue 庫能夠讓你有更好的開發(fā)體驗(yàn),下面就是我們通過 GitHub 上的呼聲和自己的觀察總結(jié)出的 Top 11。
1. Element UI

Element UI 來自中國(guó),由與 Mint UI 相同的開發(fā)者所創(chuàng)建。Element UI 是用于 Web 和桌面應(yīng)用程序的桌面 UI 工具包,如果你需要開發(fā) Electron 應(yīng)用,這個(gè)庫會(huì)是你的理想之選。
2. iView

iView 是一個(gè) UI 工具包,其中包含簡(jiǎn)潔又設(shè)計(jì)優(yōu)雅的小部件和各種組件。iView 團(tuán)隊(duì)維護(hù)非常及時(shí),最近一次的更新在19年3月18日,這次更新帶來了一個(gè)Vue CLI 3的 iView 插件,你可以使用該插件快速構(gòu)建基于 iView 的項(xiàng)目。
3. Vuetify

Vuetify 是基于 Material Design 的可重用和語義化的組件庫,支持所有現(xiàn)在流行的瀏覽器并與 Vue CLI 3 兼容。Vuetify 擁有一個(gè)龐大的社區(qū),碰到任何問題你都可以在他們的 Discord 頻道上尋求幫助。
4. Mint UI

Mint UI 是一個(gè)具有 CSS 和 JS 組件的移動(dòng) UI 庫,盡管是一個(gè)中文項(xiàng)目,但它的英文文檔翻譯得很漂亮,內(nèi)容也很全面。這是一個(gè)非常輕量級(jí)的庫,gzip 占用空間不到40kb。
5. VuePress

VuePress 是一款由 Vue 驅(qū)動(dòng)的,極簡(jiǎn)主義的靜態(tài)網(wǎng)頁生成器,但你也可以在頁面或文章中添加動(dòng)態(tài)的 Vue 組件。每個(gè)所生成的頁面是預(yù)先渲染的,擁有靜態(tài) HTML,隨后 Vue 接管靜態(tài)內(nèi)容并將其轉(zhuǎn)換為一個(gè)單頁應(yīng)用程序。
6. Quasar

Quasar 是最著名的 Vue 庫之一,它是一個(gè) Vue 框架,用于構(gòu)建響應(yīng)式網(wǎng)站,混合移動(dòng)應(yīng)用,Electron 應(yīng)用等。Quasar 支持 Google 的 Material Design 設(shè)計(jì)語言和 iOS 的原生主題。
7. BootstrapVue

從名字就能看出來它與 Bootstrap 的關(guān)系,BootstrapVue 將 Vue 和最流行的 CSS 庫相結(jié)合,它是 Bootstrap 4 組件的實(shí)現(xiàn),也是 Vue 的一個(gè)具有 WAI-ARIA 無障礙網(wǎng)頁訪問技術(shù)的網(wǎng)格系統(tǒng)。
8. Vue Material

Vue Material 是一個(gè)用 Google Material Design 構(gòu)建的輕量級(jí)庫。它的生態(tài)系統(tǒng)擁有一個(gè)先進(jìn)的 webpack 單頁應(yīng)用程序,一個(gè)帶有 Nuxt.js 并用于 SSR 的通用應(yīng)用程序以及一個(gè)用于極簡(jiǎn)化設(shè)置的 HTML 文件,所有這些內(nèi)容都可以在網(wǎng)站上被找到。
9. Vuesax

Vuesax 的理念是希望通過改進(jìn)設(shè)計(jì)來簡(jiǎn)化構(gòu)建應(yīng)用程序的過程,但同時(shí)又不影響 Vue 用戶的使用習(xí)慣。Vuesax 擁有自己的 Discord 頻道,擁有大約3,000名成員。
10. AT UI

如果你不想用 Bootstrap 或者 Material Design,AT UI 會(huì)是一個(gè)不錯(cuò)的選擇。AT UI 是一個(gè)扁平化的 UI 工具包,被用于開發(fā) web 和桌面應(yīng)用。它擁有一個(gè) NPM + Webpack + Babel 的前端開發(fā)工作流,并具有獨(dú)立的 CSS 樣式。
11. VuiKit

VuiKit 是一個(gè)基于 UIKit 3 框架的 Web 界面響應(yīng)式 UI 套件。這是一個(gè)由 Yarn Workspaces 管理的單一存儲(chǔ)庫,它支持所有現(xiàn)代瀏覽器的最新版本。
【責(zé)任編輯:張燕妮 TEL:(010)68476606】