當(dāng)我們可以通過使用庫輕松實(shí)現(xiàn)相同的結(jié)果時(shí)，為什么還要編寫自定義功能？開開發(fā)人員最好的朋友和救星就是這些第三方庫。我相信一個(gè)好的項(xiàng)目會(huì)利用一些可用的最佳庫。 Vue.js 是創(chuàng)建用戶界面的最佳 JavaScript 框架之一。這篇文章是關(guān)于 Vue.js 的優(yōu)秀庫系列的二部分，在該系列中，我總是每篇介紹 7 個(gè) Vue.js 相關(guān)庫，它們將在您的開發(fā)之旅中提供幫助。

1、vueuse

這是 GitHub 上星標(biāo)最多的庫之一，擁有超過 10k 顆星。這是一組基于 Composition API 的實(shí)用函數(shù)。如果您不熟悉 Composition API，請(qǐng)先了解 Composition API 的一些基本概念，然后再繼續(xù)。

https://github.com/vueuse/vueuse

2、 good-table

該表是軟件開發(fā)中最常用的組件之一。這是一個(gè)易于使用的強(qiáng)大數(shù)據(jù)表，具有高級(jí)自定義功能，包括排序、列過濾、分頁、分組等。它在 GitHub 上擁有超過 1.9k 星。

https://github.com/xaksis/vue-good-table

3、toasted

通過 Toast 消息與用戶交流是應(yīng)用程序的常見功能之一。該庫將幫助您完成此任務(wù)。它被 Vue.js、Laravel 和 NuxtJS 使用，并受到更多組織的信任。它反應(yīng)靈敏、觸摸兼容、易于使用、有吸引力，并且具有豐富的圖標(biāo)、操作等功能。它在 GitHub 上有超過 2k 星。

https://github.com/shakee93/vue-toasted

4、egjs-infinite grid

如果您必須使用網(wǎng)格布局，那么這對(duì)您來說是一個(gè)很好的資源。該庫用于根據(jù)網(wǎng)格類型無限排列包括內(nèi)容的元素。它將幫助您實(shí)現(xiàn)由大小不同的不同卡片元素組成的各種網(wǎng)格。它通過維持模塊在任何情況下處理的 DOM 數(shù)量來保證性能。它在 GitHub 上有超過 1900 顆星。

https://github.com/naver/egjs-infinitegrid

5、date picker

從頭開始創(chuàng)建日期選擇器有時(shí)既費(fèi)時(shí)又復(fù)雜。該庫將幫助您完成此任務(wù)。正如您所猜到的，這是一個(gè)日期選擇器組件，支持禁用日期、內(nèi)聯(lián)模式、翻譯等。它在 GitHub 上擁有超過 2500 顆星。

https://github.com/charliekassel/vuejs-datepicker

6、tree select

顧名思義，這是一個(gè)帶有嵌套選項(xiàng)的樹形結(jié)構(gòu)的多選組件。它包括許多功能，如支持嵌套選項(xiàng)的單選和多選、模糊匹配、異步搜索、延遲加載（僅在需要時(shí)加載深層選項(xiàng)的數(shù)據(jù)）等等。它在 GitHub 上擁有超過 2500 顆星。

https://github.com/riophae/vue-treeselect

7、social-sharing

如果你開發(fā)海外的應(yīng)用，這個(gè)庫十分有用。你能很方便的讓你的應(yīng)用具備分享功能，那么這對(duì)您來說是一個(gè)很好的庫。當(dāng)您在社交網(wǎng)絡(luò)上共享鏈接時(shí)，社交網(wǎng)絡(luò)將抓取該鏈接以檢測(cè) Open Graph 元標(biāo)記。如果您共享不包含 Open Graph 元標(biāo)記的鏈接，社交網(wǎng)絡(luò)將無法顯示您鏈接的豐富內(nèi)容。這是一個(gè)無渲染的 Vue.js 組件，用于共享社交網(wǎng)絡(luò)鏈接，與 SSR 兼容。它在 GitHub 上有超過 1300 顆星。

https://github.com/nicolasbeauvais/vue-social-sharing

結(jié)束

今天先分享到這里，希望今天的分享對(duì)你有所幫助，在你的項(xiàng)目中，別忘記嘗試下這幾個(gè)插件。