原文鏈接：20 多個好用的 Vue 組件庫 在本文中，將分享一些常見的 vue.js 組件。 Tables / Data Grids Vue Tables-2 地址：https://github.com/matfish2/vue-tables-2 Vue Tables 2 旨在為開發者提供一個功能齊 ...
原文鏈接：20 多個好用的 Vue 組件庫
在本文中，將分享一些常見的 vue.js 組件。
Tables / Data Grids
Vue Tables-2
地址：https://github.com/matfish2/vue-tables-2
Vue Tables 2 旨在為開發者提供一個功能齊全的工具集，以便用 Vue 創建漂亮而實用的數據表格。數百個商業軟體應用正在使用它。此外，Vue Tables 2 正在不斷成長、改進，同時也在獲得新的功能。
特點如下：
- 可選行及粘性頭部
- 虛擬分頁
- 下載客戶組件數據的 CSV
- 有數據層支持的多級分組
- Tailwind 主題
Handsontable
地址：https://github.com/handsontable/handsontable/tree/master/wrappers/vue
Handsontable 是一款頁面端的表格交互插件，可以通過它載入顯示表格內容，能夠支持合併項、統計、行列拖動等。
支持對載入後的表格頁面的處理：添加/刪除行/列，合併單元格等操作。
此外，它還適用於 React、Angular 和 Vue。Handsontable 是一個 JavaScript 組件，它將數據網格功能與電子錶格的用戶體驗相結合。此外，它還提供數據綁定、數據驗證、過濾、排序和 CRUD 操作。
特點如下：
- 多列排序
- 非連續選擇
- 過濾數據和驗證數據
- 導出文件
- 有條件的格式化
- 合併單元格
- 隱藏行/列
- 上下文菜單和註釋
Ag Grid Vue
地址：https://github.com/ag-grid/ag-grid
Ag-Grid 是一個基於 Vue.js 的數據表格組件。其中，“ag” 表示 “agnostic”。內部 ag-Grid 引擎是在 TypeScript 中實現的，零依賴關係。
ag-Grid 通過包裝器組件支持 Vue，你可以在應用程式中，就像其他任何 Vue 組件一樣使用 ag-Grid。它支持通過屬性綁定傳遞配置，通過事件綁定來處理事件。你甚至可以使用 Vue 組件來自定義網格 UI 和單元格內容/行為。
Vue Easytable
地址：https://github.com/huangshuwei/vue-easytable
vue-easytable 是我遇到過的最強大的 Vue 表格組件之一。
表格組件具有許多內置功能，比如說，單元格省略號、固定/靈活的列大小調整、自定義過濾等等。它有幾個特點：
- 國際化
- 主題定製
- 內置主題
- 虛擬滾動
- 列固定
- 表頭固定
- 表頭分組
Vue Good Table
地址：https://github.com/xaksis/vue-good-table
Vue-Good-Table 是一個基於 Vue.js 的數據表組件，簡單、乾凈，具有排序、列過濾、分頁等更多基本功能。它有幾個特性：
- 表搜索和排序
- 列過濾和分頁
- 覆選框表格
- 行分組
- 行樣式
- 行多選
Notification
Vue Toastification
地址：https://github.com/Maronato/vue-toastification
它提供輕巧、簡單和漂亮的吐司提示。它有內置的 Nuxt 支持。而且，它還支持新的 Composition API 和 Vue 3。我們還可以使用 JSX 來開發自定義組件，提供更加靈活的功能。另外，通用註冊允許它在任何應用程式內使用，甚至是 React。它有幾點特性：
- 完全用 Typescript 編寫，支持所有類型
- 支持 RTL
- 定製一切
- 滑動關閉
- 使用 onClose、onClick 和 onMounted 鉤子創建自定義體驗
- 以編程方式刪除和更新吐司
Vue Toasted
地址：https://github.com/shakee93/vue-toasted
Vue Toasted 是 Vue 最好的 toast (提示)插件之一。它被Vue，Laravel，NuxtJS 等許多組織所信任，它響應性強，相容性好，使用方便，吸引人，有豐富的功能、圖標、動作等。
Vue Notifications
地址：https://github.com/se-panfilov/vue-notifications
Vue Notifications 是一個與庫無關的通知組件，非阻塞。
VueNotiments 將您的應用程式與通知 UI 庫連接起來。支持 miniToastr、VueToasted、VueEasyToast、toastr、iziToast、Noty、swal。
Vue Awesome Notifications
地址：https://f3oall.github.io/awesome-notifications/
Awesome Notifications 是一個輕量級的，完全可自定義的 JavaScrip Vue Awesome Notifications，它是 Awesome Notifications 庫的 Vue.js 版本。
Loader
Vue Wait
地址：https://github.com/f/vue-wait
Vue Wait 這是一個用於 VUE、Vuex 和 Nuxt 應用的複雜裝載器和進度管理組件。
Vue Wait 幫助管理頁面上的多個載入狀態，狀態之間沒有任何衝突。基於一個非常簡單的想法：通過管理具有多個載入狀態的數組(或者 Vuex 存儲)，讓內置載入程式組件偵聽註冊的載入程式，並立即進入載入狀態。
Vue Content Loader
地址：https://github.com/egoist/vue-content-loader
Vue Content Loader 是一個基於 Vue.js 的 SVG 占位符載入，可自定義的 SVG 組件，用於創建占位符載入，例如 Facebook 載入卡。Vue Content Loader 是 react-content-loader 的 Vue 實現。
Epic Spinners
地址：https://epic-spinners.epicmax.co/
EpicSpinners 是一組易於使用的純 css 打造的網頁 Loading 效果，並且同時整合了 Vue 組件可以方便的在 Vue 項目中進行使用，由於是純 css 打造，你可以在任意網頁項目中自行整合併使用！
Vue Radial Progress
地址：https://github.com/wyzant-dev/vue-radial-progress
Vue Radial Progress 這是一個徑向進度條效果的載入器組件，使用 svg 和 javascript 繪製帶有漸變徑向進度條效果的載入器，可以用作載入、進度提示。
ICONS
Vue Feather Icons
地址：https://github.com/egoist/vue-feather-icons
Feather 是一套面向設計師和開發者的開源圖標庫，是一個簡單漂亮的開源圖標庫。每個圖標都設計在一個24×24的網格上，強調簡單，一致性和易讀性。很多大廠出品的前端框架都內置了這款可以免費商用的圖標。它的特點如下：
- 每一枚圖標都是按照統一標準進行設計，具有完美像素對齊；
- 設計風格一致，完勝那些拼湊混搭的圖標庫；
- 覆蓋多種開發場景的支持，對開發者非常友好。
Vue Awesome
地址：https://github.com/Justineo/vue-awesome
Font Awesome是一套流行的圖標字體庫，我們在實際開發的過程中會經常遇到需要使用圖標的場景，對於一些常用的圖標，不用設計師，我們可以直接在Font Awesome中找到並且使用。個人感覺Font Awesome的圖標還是很齊全的，絕大多數的圖標它都包含了，而且支持各種框架。
Charts
Vue Apexcharts
地址：https://github.com/apexcharts/vue-apexcharts
Apexcharts 是一個現代的 JavaScript 圖表庫/可通過簡單的 API 構建互動式圖表和可視化。Vue Apexcharts 是 ApexCharts 的 Vue.js 組件。
Vue Echarts
地址：https://github.com/Justineo/vue-echarts
vue-echarts 是基於 echarts 封裝實現的一個組件庫，直接按照正常的組件引用方式，安裝引用即可，具體的安裝和引用讀者可以直接閱讀 vue-echarts 技術文檔。
Vue Chartjs
地址：https://github.com/apertureless/vue-chartjs
