任何一個開發(fā)者，都是十分喜歡使用開源軟件包的。因?yàn)樗归_發(fā)工作變得更快速、高效、容易。如果沒有開源軟件包，開發(fā)工作將變得疲憊不堪，不斷的重復(fù)造輪子！

下面整理了 Github 上 36 個實(shí)用的 Vue 開源庫，建議收藏！

1.Bootstrap-Vue |star 10014

具有超過40個插件和超過75個自定義組件，為Vue.js提供了最全面的Bootstrap v4組件和網(wǎng)格系統(tǒng)實(shí)現(xiàn)。

Github：https://github.com/bootstrap-vue/bootstrap-vue

2.Vue.Draggable |star 9177

Vue.js 組件，基于 Sortable.js 進(jìn)行同步的拖放排序。

Github：https://github.com/SortableJS/Vue.Draggable

3.Vue Native |star 6471

基于 React Native 實(shí)現(xiàn)，允許你使用 JavaScript 來構(gòu)建跨平臺的原生移動應(yīng)用程序。

Github：https://github.com/GeekyAnts/vue-native-core

4.Vue Quill Editor |star 4628

Vue.js 的 Quill 編輯器，支持 SPA 和 SSR。

Github：https://github.com/surmon-china/vue-quill-editor

5.Vuelidate |star 4361

進(jìn)行基于模型的驗(yàn)證，實(shí)現(xiàn)表單驗(yàn)證現(xiàn)在變得輕而易舉。

Github：https://github.com/vuelidate/vuelidate

6.NativeScript Vue | Star 4176

可以幫助你使用 NativeScript 和 Vue.js 構(gòu)建原生移動應(yīng)用程序。

Github:https://github.com/nativescript-vue/nativescript-vue

7.Vetur |star 3674

VS Code 的 Vue 工具，習(xí)慣使用 VS Code 的朋友值得嘗試！

Github：https://github.com/vuejs/vetur

8.Epic Spinners |star 3028

20 個易于使用的 css 調(diào)節(jié)器。

Github：https://github.com/epicmaxco/epic-spinners

9.Vue Virtual Scroller |star 3020

用于 Vue.js 應(yīng)用程序的快速無限制滾動。

Github:https://github.com/Akryum/vue-virtual-scroller

10.Vue.js Datepicker |star 2113

一個簡單的 Vue.js 日期選擇器組件。

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

11.Vuetable-2 |star 1792

Vue.js 的數(shù)據(jù)表組件。

Github：https://github.com/ratiw/vuetable-2

12.Vue Color |star 1624

來自 Sketch、Photoshop、Chrom 的 Vue.js 顏色選擇器。

Github：https://github.com/xiaokaike/vue-color

13.Vue Notification | star 1522

用在 Vue.js 應(yīng)用程序中的成功、警告和錯誤通知。可以放在右側(cè)、左側(cè)、底部、頂部或中間，任何你想要的地方。

Github：https://github.com/euvl/vue-notification

14.Vue Slider Component |star 1495

這里面的 10 種滑塊組件都使用 Vue.js 開發(fā)。

Github：https://github.com/NightCatSama/vue-slider-component

15.Vue Moment |star 1048

在 Vue.js 應(yīng)用程序中使用 Moment.js。

Github ：https://github.com/brockpetrie/vue-moment

16.Vue Content Placeholders |star 1070

在獲取真實(shí)內(nèi)容時，可以使用這些可組合組件渲染虛假的漸進(jìn)式內(nèi)容。

Github:https://github.com/michalsnik/vue-content-placeholders

17.Vue Draggable Resizable |star 1026

Vue.js 組件，用于可調(diào)整大小和可拖動的元素，沒有外部依賴。

Github：https://github.com/mauricius/vue-draggable-resizable

18.Vue Clipboard |star 961

一個簡單的 Vue.js 包，允許用戶將文本復(fù)制到基于clipboard.js的剪貼板。

Github：https://github.com/Inndy/vue-clipboard2

19.Vue Trend |star 929

最優(yōu)雅的趨勢圖組件。

Github：https://github.com/QingWei-Li/vue-trend

20. Vue Dark Mode |star 889

一個極簡主義的黑暗設(shè)計(jì)系統(tǒng)，提供基礎(chǔ)組件，用于構(gòu)建失眠者最喜歡的深色潔面。

Github：https://github.com/LeCoupa/vuedarkmode

21.Vue-Vscode-Snippets |star 826

這些片段很棒，盡可能無縫地增強(qiáng)工作流程。新手值得推薦！

Github：https://github.com/sdras/vue-vscode-snippets

22.Avoriaz |star 774

VueJS測試實(shí)用工具庫。

Github：https://github.com/eddyerburgh/avoriaz

23.Vue Clickaway |star 622

一種可重復(fù)使用的點(diǎn)擊指令，可檢測并響應(yīng)元素外部的點(diǎn)擊動作。當(dāng)我們需要關(guān)閉模態(tài)窗口或隱藏下拉列表時會非常方便。

Github：https://github.com/simplesmiler/vue-clickaway

24.Emoji Mart Vue |star 424

從 React 的 emoji-mart fork 出來的，用于 Vue.js 的 Slack 風(fēng)格的可定制表情符號選擇器組件。

Github：https://github.com/jm-david/emoji-mart-vue

25.Vue Stripe Checkout |star 365

用于 Stripe 結(jié)帳的 Vue.js 插件。

Github：https://github.com/jofftiquez/vue-stripe-checkout

26.Vue No SSR |star 353

用于包裝對 SSR 不友好的組件。

Github：https://github.com/egoist/vue-no-ssr

27.Vue Autosuggest |star 340

一個很棒的 Vue.js 自動提示組件。

Github：https://github.com/Educents/vue-autosuggest

28.Vue YouTube Embed |star 301

基于 Angular YouTube Embed，允許你使用 YouTube iframe API。

Github：https://github.com/kaorun343/vue-youtube-embed

29.Vue Numeric |star 295

Vue.js 輸入字段組件，用于顯示格式化的貨幣值。

Github：https://github.com/kevinongko/vue-numeric

30.Vue Popper |star 256

一個基于 popper.js 的 Vue.js 彈出窗口組件。

Github：https://github.com/RobinCK/vue-popper

31.Vue Waypoint |star 232

基于 CountUp.js，可用于創(chuàng)建顯示數(shù)字?jǐn)?shù)據(jù)的動畫。

Github：https://github.com/xlsdg/vue-countup-v2

32.Vue Waypoint |star 223

Vue.js 的 v-waypoint 指令，用于在滾動時觸發(fā)函數(shù)。當(dāng)你想要在滾動時觸發(fā)動畫，它就可以派上用場。

Github:https://github.com/scaccogatto/vue-waypoint

33.Vue Cleave Component |star 222

Cleave.js 的 Vue.js 組件，用于在輸入時格式化輸入內(nèi)容（信用卡格式、日期等）。

Github：https://github.com/ankurk91/vue-cleave-component

34.Vue Swing |star 152

它是Swing的 vue.js 包裝器，一個卡片形式的界面（swipe-left 對應(yīng)是，swipe-right 對應(yīng)否）。

Github:https://github.com/goweiwen/vue-swing

35.Vue Chartist |star 132

基于 Chartist.js 的響應(yīng)式圖表。

Github：https://github.com/Yopadd/vue-chartist

36.Vue Slideout |star 131

Slideout.js 的 Vue.js 實(shí)現(xiàn)。

Github:https://github.com/vouill/vue-slideout