當(dāng)我們可以通過使用庫輕松實現(xiàn)相同的結(jié)果時，為什么還要編寫自定義功能？開開發(fā)人員最好的朋友和救星就是這些第三方庫。我相信一個好的項目會利用一些可用的最佳庫。 Vue.js 是創(chuàng)建用戶界面的最佳 JAVAScript 框架之一。這篇文章是關(guān)于 Vue.js 的優(yōu)秀庫系列的四部分，在該系列中，我總是每篇介紹 7 個 Vue.js 相關(guān)庫，它們將在您的開發(fā)之旅中提供幫助。
1、Modal
彈出框是前端開發(fā)中最常用的組件之一。正如您所猜到的，這個庫提供了一個易于使用和高度可定制的模式。它支持兩種類型的模態(tài)——靜態(tài)和動態(tài)。靜態(tài)是通過模板明確定義的，動態(tài)是根據(jù)傳遞給“顯示模態(tài)”函數(shù)的配置生成的。它在 GitHub 上有超過 4k 顆星。
https://github.com/euvl/vue-js-modal2、GoodShare
如果您開發(fā)海外版的應(yīng)用，這個插件提供了分享社交媒體的功能（海外比較流行的社交媒體，國內(nèi)的不支持），那么這對您來說是一個很好的資源。這個庫提供了一種簡單的方法來在最流行（但不是最流行）的社交網(wǎng)絡(luò)上分享您網(wǎng)站頁面上的鏈接。它還包括許多用于自定義外觀的選項。
https://github.com/koddr/vue-goodshare3. Toastification
提醒用戶是應(yīng)用開發(fā)中的常見任務(wù)之一。 Toast 主要用于此目的。這個庫將通過提供輕便、簡單和漂亮的 toasts 來幫助你。它包括許多功能，如 RTL 支持、滑動關(guān)閉、定義每個 toast 的行為等等。它在 GitHub 上有超過 2k 星。
https://github.com/Maronato/vue-toastification4. Inline-SVG
該庫將幫助您動態(tài)加載 SVG 源并內(nèi)聯(lián) 以便您可以使用 css 或 JS 操縱它的樣式。它看起來很基本所以你的標(biāo)記不會因 SVG 內(nèi)容而變得臃腫。加載的 SVG 會被緩存，因此它們不會發(fā)出兩次網(wǎng)絡(luò)請求。
https://github.com/shrpne/vue-inline-svg5. Openlayers
該庫將強(qiáng)大的 OpenLayers API 帶入了地圖應(yīng)用。它可以顯示帶有從不同來源加載的平鋪、柵格或矢量圖層的地圖。
Openlayers是一個開源的JavaScript庫（基于修改過的BSD許可發(fā)布），用來在Web瀏覽器顯示地圖。它提供API接口建立類似于google Maps和Bing Maps的基于web的地理應(yīng)用。這個庫包括Rico和Prototype框架。OpenLayers支持GeoRSS、KML（Keyhole標(biāo)記語言）、地理標(biāo)記語言（GML）、GeoJSON和任何來源的地圖數(shù)據(jù)，這些數(shù)據(jù)都使用OGC標(biāo)準(zhǔn)作為Web地圖服務(wù)（WMS）或Web要素服務(wù)（WFS）。
https://github.com/MelihAltintas/vue3-openlayers6. Datepicker
處理日期是開發(fā)人員的常見任務(wù)之一。該庫將幫助您完成此任務(wù)。它包括許多功能，如多日期選擇、范圍日期選擇器、多個日歷、深色和淺色主題、SSR 支持等等。
https://github.com/Vuepic/vue-datepicker7. Float-menu
顧名思義，這個庫提供了一個可定制的浮動菜單。它包括許多功能，例如將菜單拖放到屏幕上的任意位置、智能菜單系統(tǒng)檢測屏幕邊緣并自動翻轉(zhuǎn)菜單、支持嵌套菜單等等。
https://github.com/prabhuignoto/vue-float-menu結(jié)束
今天先分享到這里，希望今天的分享對你有所幫助，在你的項目中，別忘記嘗試下這幾個插件。感謝你的閱讀，如果你喜歡我的分享，別忘了點贊轉(zhuǎn)發(fā)，讓更多的人看到，最后別忘記點個關(guān)注，你的支持將是我分享最大的動力，后續(xù)我會持續(xù)輸出更多內(nèi)容，敬請期待。
https://javascript.plainenglish.io/7-useful-vue-js-libraries-you-should-use-in-your-next-project-ec56f73f5fa3 作者：Farhan Tanvir
