Vue 是目前用于創建用戶界面的最佳 JAVAScript 框架之一,本文推薦 Vue 項目開發用得上的 6 個第三方庫,這些庫基本可以覆蓋項目大部份需求,有效的提高項目開發效率。如果不希望過多的使用第三方庫,這些庫則可以作為學習,從中吸取精華開發自己的依賴庫。
1. vue-easytable
vue-easytable 提供了一個功能齊全且高度可定制的表格組件/數據集合,支持許多功能,如虛擬滾動、列固定、標題固定、標題分組、過濾器、排序、單元格省略號、行擴展、行復選框等等。單元測試覆蓋率超過 85%,在 Github 上超過 2800 顆星。
GIT地址:github.com/HAppy-Codin…
2. vue-echarts
如果項目正在創建一個數據驅動的應用程序,那么它很可能有一個圖表。在這種情況下,vue-echarts 對項目來說是一個很好的資源。該庫提供了許多漂亮且可自定義的圖表,例如條形圖、餅圖、極坐標圖、散點圖等等,這個庫在 Github 上有超過 7300 顆星。
GIT地址:github.com/ecomfe/vue-…
3. vue-notification
vue-notification 用于顯示通知消息,在應用程序中,通知消息可以有效的提醒用戶,是個不錯的用戶體驗。這個庫將幫助創建一個漂亮的通知。它提供了許多功能,例如動畫、自定義位置、自定義樣式等等。這個庫在 Github 上有超過 2300 顆星。
GIT地址:github.com/euvl/vue-no…
4. vue-wait
vue-wait 可以控制頁面上的各種加載狀態而不會發生任何沖突。它的核心原理是管理具有多個加載狀態的數組。集成加載器組件開始監聽其注冊的加載器并立即進入加載狀態。這個庫在 Github 上有超過 1900 顆星。
官方地址:github.com/f/vue-wait
5. vue-js-modal
vue-js-moda 是一個易于使用、高度可定制的 Vue 模態庫。該庫支持靜態和動態兩種模式,靜態是通過模板顯式定義的,動態是根據傳遞給“顯示模式”函數的配置生成的。這個庫在 Github 上有超過 4100 顆星。
GIT地址:github.com/euvl/vue-js…
6. vue-agile
這是一個受 Slick 啟發的 Vue 輪播庫。這個庫提供了一個功能強大、響應迅速且觸摸友好的輪播。它還支持 SSR ,它不依賴于 jQuery。這個庫在 Github 上有超過 1400 顆星。
GIT地址:github.com/lukaszflorc…
總結
上面介紹的 6 個依賴庫,基本可以覆蓋項目大部份需求實現。當然現在也有很多一整套UI的VUE庫,如 Ant Design of Vue,合理利用第三方庫可以有效的提高開發效率。
https://1x.antdv.com/docs/vue/introduce/