提高開發效率的Vue3常用插件有哪些

1、vue-multiselect-next

Vue.js 的通用選擇/多選/標記元件

2、vue-print-nb

用於印刷、簡單、快速、方便、輕巧的指令包裝器

3、vue-i18n-next（Vue3的國際化插件）

i18n是市面上比較成熟的國際化庫，而vue-i18n是一個Vue.js國際化的插件，就是在vue應用中嵌入語言切換功能,可以切換已匯入到專案中的各個語系。

vue-i18n-nex是Vue i18n 9用於Vue 3的外掛程式庫。

4、vue-cropper

#簡單的vue圖片裁切外掛

5、Vue Grid Layout

Vue.js 的網格佈局系統

##Vue Grid Layout是類似Gridster的柵格佈局系統，適用於Vue.js，靈感來自React Grid Layout。

特性：

• 可拖曳

• #可調整大小

• 靜態部件（不可拖曳、調整大小）

• 拖曳和調整大小時進行邊界檢查

• 增減部件時避免重建柵格

• 可序列化與還原的佈局

• #自動化RTL 支援

## 反應式

6、Vue Qrcode Reader

#一個Vue.js元件，允許在不離開瀏覽器的情況下偵測和解碼二維碼

Vue QRcode Reader是一套基於Vue.js的元件，用來偵測和解碼QR(二維碼)碼。它使你無需離開瀏覽器即可檢測和解碼QR碼，所有元件都具有響應能力。除此之外，它接近零樣式，因此你可以使它們適合你的佈局。使用方法簡單明了。

7、Makeit Captcha

基於Vue3 Vite Canvas 開發的滑桿驗證碼，動態產生驗證滑桿，結合後端的二次校驗，能有效的避免被抓取模擬驗證。

滑桿驗證碼元件常用於各種表單提交前的驗證。

8、vue3-clipboard

Vue 3 的clipboard.js ，一個基於Vue 3的貼上複製插件，不依賴於Flash或其他框架。

9、vue.draggable

基於Sortable.js的Vue 3拖曳元件

特性

#支援觸控裝置
支援拖曳和選擇文字
支援智慧捲動
#支援不同清單之間的拖曳
不以jQuery為基礎
和視圖模型同步刷新

##支援撤銷操作

當需要完全控制時，可以拋出所有變更

可以和現有的UI元件相容

###10、BetterScroll##########解決行動端（已支援PC）各種捲動場景需求的外掛程式。 ###############BetterScroll 是一款專注於解決行動端（支援 PC）各種捲動場景需求的外掛程式。它的核心是藉鑒的 iscroll (opens new window)的實現，它的 API 設計基本上兼容 iscroll，在 iscroll 的基礎上又擴展了一些 feature 以及做了一些性能優化。 ######BetterScroll 是使用純 JavaScript 實作的，這意味著它是無依賴的。 ######注意：###

• BetterScroll 2.X 裡面，我們將 1.X 耦合的 feature 拆分至插件，以達到按需加載、減少包體積的目的。因而，@better-scroll/core只提供了最基本的滾動功能。如果想要實現上拉載入、下拉刷新的功能，你需要使用對應的插件。

• 版本 2.0.4 的 BetterScroll 可以透過 specifiedIndexAsContent 來指定 wrapper 的某個子元素為 content。

#

以上是提高開發效率的Vue3常用插件有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！