首頁 >web前端 >Vue.js >分享 6 個實用的 Vue 依賴函式庫(值得收藏)

分享 6 個實用的 Vue 依賴函式庫(值得收藏)

青灯夜游
青灯夜游轉載
2022-07-19 10:08:212787瀏覽

分享 6 個實用的 Vue 依賴函式庫(值得收藏)

Vue 是目前用於建立使用者介面的最佳JavaScript 框架之一,本文推薦Vue 專案開發用得上的6 個第三方函式庫,這些庫基本可以涵蓋專案大部需求,有效的提高專案開發效率。如果不希望過多的使用第三方函式庫,這些函式庫則可以作為學習,從中吸取精華開發自己的依賴函式庫。 (學習影片分享:vue影片教學

1. vue-easytable

vue-easytable 提供了一個功能齊全且高度可自訂的表格元件/資料集合,支援許多功能,如虛擬捲動、列固定、標題固定、標題分組、篩選器、排序、儲存格省略號、行擴充、行複選框等等。單元測試覆蓋率超過 85%,在 Github 上超過 2800 顆星。

GIT網址:https://github.com/Happy-Coding-Clans/vue-easytable

2. vue-echarts

如果專案正在創建一個資料驅動的應用程序,那麼它很可能會有一個圖表。在這種情況下,vue-echarts 對專案來說是一個很好的資源。該庫提供了許多漂亮且可自訂的圖表,例如條形圖、餅圖、極坐標圖、散點圖等等,這個庫在 Github 上有超過 7300 顆星。

GIT網址:https://github.com/ecomfe/vue-echarts

3. vue-notification

#vue-notification 用來顯示通知訊息,在應用程式中,通知訊息可以有效的提醒用戶,是個不錯的使用者體驗。這個庫將幫助創建一個漂亮的通知。它提供了許多功能,例如動畫、自訂位置、自訂樣式等等。這個函式庫在 Github 上有超過 2300 顆星。

GIT網址:https://github.com/euvl/vue-notification

4. vue-wait

vue-wait 可以控制頁面上的各種載入狀態而不會發生任何衝突。它的核心原理是管理具有多個載入狀態的陣列。整合式載入器元件開始監聽其註冊的載入器並立即進入載入狀態。這個函式庫在 Github 上有超過 1900 顆星。

官方網址:https://github.com/f/vue-wait

#5. vue-js-modal

vue-js-moda 是一個易於使用、高度可自訂的Vue 模態函式庫。此函式庫支援靜態和動態兩種模式,靜態是透過範本明確定義的,動態是根據傳遞給「顯示模式」函數的配置產生的。這個函式庫在 Github 上有超過 4100 顆星。

GIT網址:https://github.com/euvl/vue-js-modal

6. vue-agile

這是一個受Slick 啟發的Vue 輪播庫。這個庫提供了一個強大、響應迅速且觸摸友好的輪播。它還支援 SSR ,它不依賴 jQuery。這個函式庫在 Github 上有超過 1400 顆星。

GIT位址:https://github.com/lukaszflorczak/vue-agile

總結

##上面介紹的6 個依賴庫,基本上可以涵蓋專案大部需求實現。當然現在也有很多一整套UI的VUE函式庫,如

Ant Design of Vue,合理利用第三方函式庫可以有效的提升開發效率。

【相關影片教學推薦:

vuejs入門教學web前端入門

以上是分享 6 個實用的 Vue 依賴函式庫(值得收藏)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:juejin.cn。如有侵權,請聯絡admin@php.cn刪除