20+個(gè)好用的 Vue 組件庫(kù)快來(lái)收藏

第20+個(gè)好用的Vue組件庫(kù)，快來(lái)收藏！VueTables-2

地址：/matfish2/vue-tables-2

VueTables2旨在為開(kāi)發(fā)者提供一個(gè)功能齊全的工具集，以便用Vue創(chuàng)建漂亮而實(shí)用的數(shù)據(jù)表格。數(shù)百個(gè)商業(yè)軟件應(yīng)用正在使用它。此外，VueTables2正在不斷成長(zhǎng)、改進(jìn)，同時(shí)也在獲得新的功能。

特點(diǎn)

可選行及粘性頭部

虛擬分頁(yè)

下載客戶組件數(shù)據(jù)的CSV

有數(shù)據(jù)層支持的多級(jí)分組

TAIlwind主題

Handsontable

地址：/handsontable/handsontable/tree/master/wrappers/vue

handsontable是一款頁(yè)面端的表格交互插件，可以通過(guò)它加載顯示表格內(nèi)容，能夠支持合并項(xiàng)、統(tǒng)計(jì)、行列拖動(dòng)等。

同時(shí)，支持對(duì)加載后的表格頁(yè)面的處理：添加/刪除行/列，合并單元格等操作。

此外，它還適用于React、Angular和Vue。Handsontable是一個(gè)JavaScript組件，它將數(shù)據(jù)網(wǎng)格功能與電子表格的用戶體驗(yàn)相結(jié)合。此外，它還提供數(shù)據(jù)綁定、數(shù)據(jù)驗(yàn)證、過(guò)濾、排序和CRUD操作。

特點(diǎn)

多列排序

非連續(xù)選擇

過(guò)濾數(shù)據(jù)和驗(yàn)證數(shù)據(jù)

導(dǎo)出文件

有條件的格式化

合并單元格

隱藏行/列

上下文菜單和注釋

AgGridVue

地址：/ag-grid/ag-grid

Ag-Grid是一個(gè)基于Vue.js的數(shù)據(jù)表格組件。其中，ag表示agnostic。內(nèi)部ag-Grid引擎是在TypeScript中實(shí)現(xiàn)的，零依賴關(guān)系。

ag-Grid通過(guò)包裝器組件支持Vue，你可以在應(yīng)用程序中，就像其他任何Vue組件一樣使用ag-Grid。它支持通過(guò)屬性綁定傳遞配置，通過(guò)事件綁定來(lái)處理事件。你甚至可以使用Vue組件來(lái)自定義網(wǎng)格UI和單元格內(nèi)容/行為。

VueEasytable

地址：/huangshuwei/vue-easytable

vue-easytable是我遇到過(guò)的最強(qiáng)大的Vue表格組件之一。

表格組件具有許多內(nèi)置功能，比如說(shuō)，單元格省略號(hào)、固定/靈活的列大小調(diào)整、自定義過(guò)濾等等。它有幾個(gè)特點(diǎn)：

主題定制

內(nèi)置主題

虛擬滾動(dòng)

表頭固定

表頭分組

VueGoodTable

地址：/xaksis/vue-good-table

Vue-Good-Table是一個(gè)基于Vue.js的數(shù)據(jù)表組件，簡(jiǎn)單、干凈，具有排序、列過(guò)濾、分頁(yè)等更多基本功能。它有幾個(gè)特性：

表搜索和排序

列過(guò)濾和分頁(yè)

復(fù)選框表格

VueToastification

地址：/Maronato/vue-toastification

它提供輕巧、簡(jiǎn)單和漂亮的吐司提示。它有內(nèi)置的Nuxt支持。而且，它還支持新的CompositionAPI和Vue3。我們還可以J使用SX來(lái)開(kāi)發(fā)自定義組件，提供更加靈活的功能。另外，通用注冊(cè)允許它在任何應(yīng)用程序內(nèi)使用，甚至是React。它有幾點(diǎn)特性：

完全用Typescript編寫(xiě)，支持所有類型

支持RTL

定制一切

滑動(dòng)關(guān)閉

使用onClose、onClick和onMounted鉤子創(chuàng)建自定義體驗(yàn)

以編程方式刪除和更新吐司

VueToasted

地址：/shakee93/vue-toasted

VueToasted是Vue最好的toast(提示)插件之一。它被Vue，Laravel，NuxtJS等許多組織所信任，它響應(yīng)性強(qiáng)，兼容性好，使用方便，吸引人，有豐富的功能、圖標(biāo)、動(dòng)作等。

VueNotifications

地址：/se-panfilov/vue-notifications

VueNotifications是一個(gè)與庫(kù)無(wú)關(guān)的通知組件，非阻塞。

VueNotiments將您的應(yīng)用程序與通知UI庫(kù)連接起來(lái)。支持miniToastr、VueToasted、VueEasyToast、toastr、iziToast、Noty、swal。

VueAwesomeNotifications

地址：https://f3oall.github.io/awesome-notifications/

AwesomeNotifications是一個(gè)輕量級(jí)的，完全可自定義的JavaScripVueAwesomeNotifications，它是AwesomeNotifications庫(kù)的Vue.js版本。

VueWait

地址：/f/vue-wait

VueWait這是一個(gè)用于VUE、Vuex和Nuxt應(yīng)用的復(fù)雜裝載器和進(jìn)度管理組件。

VueWait幫助管理頁(yè)面上的多個(gè)加載狀態(tài)，狀態(tài)之間沒(méi)有任何沖突?；谝粋€(gè)非常簡(jiǎn)單的想法：通過(guò)管理具有多個(gè)加載狀態(tài)的數(shù)組(或者Vuex存儲(chǔ))，讓內(nèi)置加載程序組件偵聽(tīng)注冊(cè)的加載程序，并立即進(jìn)入加載狀態(tài)。

VueContentLoader

地址：/egoist/vue-content-loader