站長(zhǎng)資訊網(wǎng)本篇文章給大家總結(jié)分享20多個(gè)好用的 Vue 組件庫(kù)，可以幫助開(kāi)發(fā)者提高開(kāi)發(fā)效率和美觀性，希望對(duì)大家有所幫助！
在本文中，我們將探討一些最常見(jiàn)的vue js組件。你可以收藏一波。
Table 類(lèi)
Vue Tables-2
地址：https://github.com/matfish2/vue-tables-2
Vue Tables 2旨在為開(kāi)發(fā)者提供一個(gè)功能齊全的工具集，以便用 Vue 創(chuàng)建漂亮而實(shí)用的數(shù)據(jù)表格。數(shù)百個(gè)商業(yè)軟件應(yīng)用正在使用它。此外，Vue Tables 2正在不斷成長(zhǎng)、改進(jìn)，同時(shí)也在獲得新的功能。
特點(diǎn)
- 可選行及粘性頭部
- 虛擬分頁(yè)
- 下載客戶組件數(shù)據(jù)的CSV
- 有數(shù)據(jù)層支持的多級(jí)分組
- Tailwind 主題
Handsontable
地址：https://github.com/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)出文件
- 有條件的格式化
- 合并單元格
- 隱藏行/列
- 上下文菜單和注釋
Ag Grid Vue
地址：https://github.com/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)容/行為。
Vue Easytable
地址：https://github.com/huangshuwei/vue-easytable
vue-easytable是我遇到過(guò)的最強(qiáng)大的Vue表格組件之一。
表格組件具有許多內(nèi)置功能，比如說(shuō)，單元格省略號(hào)、固定/靈活的列大小調(diào)整、自定義過(guò)濾等等。它有幾個(gè)特點(diǎn)：
- 國(guó)際化
- 主題定制
- 內(nèi)置主題
- 虛擬滾動(dòng)
- 列固定
- 表頭固定
- 表頭分組
Vue Good Table
地址：https://github.com/xaksis/vue-good-table
Vue-Good-Table是一個(gè)基于Vue.js的數(shù)據(jù)表組件，簡(jiǎn)單、干凈，具有排序、列過(guò)濾、分頁(yè)等
