使用這7個庫 Vue.js 庫，加快你的項目開發！

當我們可以通過使用庫輕松實作相同的結果時，為什麼還要編寫自定義功能？開開發人員最好的朋友和救星就是這些第三方庫。我相信一個好的項目會利用一些可用的最佳庫。 Vue.js 是建立使用者界面的最佳 JavaScript 架構之一。這篇文章是關于 Vue.js 的優秀庫系列的五部分，在該系列中，我總是每篇介紹 7 個 Vue.js 相關庫，它們将在您的開發之旅中提供幫助。

1. Vuelidate

這是一個支援 Vue.js 3 和 2 的簡單但又強大的，基于模型的輕量級驗證。它被認為是基于模型的，因為驗證規則是您的自定義的，并且驗證樹結構與資料模型結構相比對。它在 GitHub 上擁有超過 6500 顆星。

https://github.com/vuelidate/vuelidate/tree/next

2. Floating-vue

如果你想建立自定義和漂亮的工具提示、彈出視窗、下拉菜單、菜單和其他彈出視窗，那麼這對你來說是一個很好的資源。我相信您已經猜到這個庫将幫助您輕松添加這些功能。它在 GitHub 上擁有超過 2.4k 顆星。

https://github.com/Akryum/floating-vue

3. Composable

這個庫的目的是提供很多實際應用中的可組合的函數，通過 Tree-shaking（不知道怎麼翻譯）技術保證代碼的輕量。它由 50 多個不同的可組合項組成，例如 i18n、驗證、分頁、擷取等。該庫在 GitHub 上擁有超過 1k 顆星。

https://github.com/pikax/vue-composable

4、Vue-quill

從頭開始建立富媒體輯器有時可能是一項複雜或耗時的任務。這個庫提供了一個漂亮的富文本編輯器，由 Vue 3 和 Quill 提供支援。它易于使用并且完全用 TypeScript 編寫。

https://github.com/vueup/vue-quill

5. Use-web

Web API 不斷變化，這個庫旨在為 Vue.js 開發人員提供一個穩定的接口，可以很好地內建到生态系統中。此外，當浏覽器不支援所述功能時，界面會優雅地降級。在 Vue 組合 API（鈎子）中實作 Web API 使它們為 Vue 3.0 及更高版本做好準備。

https://github.com/Tarektouati/vue-use-web

6. Concurrency

這是一個專門為 Vue 和 Composition API 封裝異步操作和管理并發性的庫。它的目标是為執行異步操作提供一個合理的抽象。它減少了重複代碼，提供了可靠的衍生狀态，并允許對技術（如節流，去抖和輪詢）采用新的方法。

https://github.com/MartinMalinda/vue-concurrency

7. Carousel

這個庫提供了一個現代化輕量級的輪播元件。它包含了很多功能，如 Responsive breakpoints（暫且這麼翻譯：響應式斷點），滑鼠/觸摸拖拽，無限滾動（循環），自動播放等。

https://github.com/ismail9k/vue3-carousel

延伸閱讀

"Responsive breakpoints" 指的是，在網頁設計或網頁開發中，用來根據不同的螢幕尺寸，采用不同的布局和樣式。

簡單來說，就是通過設定不同的斷點，來使網頁在不同的螢幕尺寸下都有良好的使用者體驗。比如，在移動端的小螢幕上，網頁的布局可能要比在桌面端的大螢幕上簡化，以适應較小的螢幕。

這是一種響應式設計技術，可以讓網頁在不同的裝置上都能夠适配，進而提高使用者體驗。

結束

今天先分享到這裡，希望今天的分享對你有所幫助，在你的項目中，别忘記嘗試下這幾個插件。感謝你的閱讀，如果你喜歡我的分享，别忘了點贊轉發，讓更多的人看到，最後别忘記點個關注，你的支援将是我分享最大的動力，後續我會持續輸出更多内容，敬請期待。

原文：https://medium.com/javascript-in-plain-english/7-useful-vue-js-libraries-you-should-use-in-your-next-project-bc85ac592d46

作者：Farhan Tanvir

非直接翻譯，有自行改編和添加部分，翻譯水準有限，難免有疏漏，歡迎指正

未經授權，謝絕轉載

分享 7 個十分有用的 Vue.js 庫，推薦在項目中使用