Vue 是目前用于創(chuàng)建用戶界面的最佳 JavaScript 框架之一，本文推薦 Vue 項(xiàng)目開(kāi)發(fā)用得上的 6 個(gè)第三方庫(kù)，這些庫(kù)基本可以覆蓋項(xiàng)目大部份需求，有效的提高項(xiàng)目開(kāi)發(fā)效率。如果不希望過(guò)多的使用第三方庫(kù)，這些庫(kù)則可以作為學(xué)習(xí)，從中吸取精華開(kāi)發(fā)自己的依賴庫(kù)。

1. vue-easytable

vue-easytable 提供了一個(gè)功能齊全且高度可定制的表格組件/數(shù)據(jù)集合，支持許多功能，如虛擬滾動(dòng)、列固定、標(biāo)題固定、標(biāo)題分組、過(guò)濾器、排序、單元格省略號(hào)、行擴(kuò)展、行復(fù)選框等等。單元測(cè)試覆蓋率超過(guò) 85%，在 Github 上超過(guò) 2800 顆星。

GIT地址：github.com/Happy-Codin…

2. vue-echarts

如果項(xiàng)目正在創(chuàng)建一個(gè)數(shù)據(jù)驅(qū)動(dòng)的應(yīng)用程序，那么它很可能有一個(gè)圖表。在這種情況下，vue-echarts 對(duì)項(xiàng)目來(lái)說(shuō)是一個(gè)很好的資源。該庫(kù)提供了許多漂亮且可自定義的圖表，例如條形圖、餅圖、極坐標(biāo)圖、散點(diǎn)圖等等，這個(gè)庫(kù)在 Github 上有超過(guò) 7300 顆星。

GIT地址：github.com/ecomfe/vue-…

3. vue-notification

vue-notification 用于顯示通知消息，在應(yīng)用程序中，通知消息可以有效的提醒用戶，是個(gè)不錯(cuò)的用戶體驗(yàn)。這個(gè)庫(kù)將幫助創(chuàng)建一個(gè)漂亮的通知。它提供了許多功能，例如動(dòng)畫(huà)、自定義位置、自定義樣式等等。這個(gè)庫(kù)在 Github 上有超過(guò) 2300 顆星。

GIT地址：github.com/euvl/vue-no…

4. vue-wait

vue-wait 可以控制頁(yè)面上的各種加載狀態(tài)而不會(huì)發(fā)生任何沖突。它的核心原理是管理具有多個(gè)加載狀態(tài)的數(shù)組。集成加載器組件開(kāi)始監(jiān)聽(tīng)其注冊(cè)的加載器并立即進(jìn)入加載狀態(tài)。這個(gè)庫(kù)在 Github 上有超過(guò) 1900 顆星。

官方地址：github.com/f/vue-wait

5. vue-js-modal

vue-js-moda 是一個(gè)易于使用、高度可定制的 Vue 模態(tài)庫(kù)。該庫(kù)支持靜態(tài)和動(dòng)態(tài)兩種模式，靜態(tài)是通過(guò)模板顯式定義的，動(dòng)態(tài)是根據(jù)傳遞給“顯示模式”函數(shù)的配置生成的。這個(gè)庫(kù)在 Github 上有超過(guò) 4100 顆星。

GIT地址：github.com/euvl/vue-js…

6. vue-agile

這是一個(gè)受 Slick 啟發(fā)的 Vue 輪播庫(kù)。這個(gè)庫(kù)提供了一個(gè)功能強(qiáng)大、響應(yīng)迅速且觸摸友好的輪播。它還支持 SSR ，它不依賴于 jQuery。這個(gè)庫(kù)在 Github 上有超過(guò) 1400 顆星。

GIT地址：github.com/lukaszflorc…

總結(jié)

上面介紹的 6 個(gè)依賴庫(kù)，基本可以覆蓋項(xiàng)目大部份需求實(shí)現(xiàn)。當(dāng)然現(xiàn)在也有很多一整套UI的VUE庫(kù)，如 Ant Design of Vue，合理利用第三方庫(kù)可以有效的提高開(kāi)發(fā)效率。

https://1x.antdv.com/docs/vue/introduce/