任何一個開發者,都是十分喜歡使用開源軟體包的。因為它使開發工作變得更快速、高效、容易。如果沒有開源軟體包,開發工作將變得疲憊不堪,不斷的重覆造輪子! 下麵整理了 Github 上 36 個實用的 Vue 開源庫,建議收藏! 1.Bootstrap Vue |star 10014 具有超過40個插件和 ...
任何一個開發者,都是十分喜歡使用開源軟體包的。因為它使開發工作變得更快速、高效、容易。如果沒有開源軟體包,開發工作將變得疲憊不堪,不斷的重覆造輪子!
下麵整理了 Github 上 36 個實用的 Vue 開源庫,建議收藏!
1.Bootstrap-Vue |star 10014
具有超過40個插件和超過75個自定義組件,為Vue.js提供了最全面的Bootstrap v4組件和網格系統實現。
Github:https://github.com/bootstrap-vue/bootstrap-vue
2.Vue.Draggable |star 9177
Vue.js 組件,基於 Sortable.js 進行同步的拖放排序。
Github:https://github.com/SortableJS/Vue.Draggable
3.Vue Native |star 6471
基於 React Native 實現,允許你使用 JavaScript 來構建跨平臺的原生移動應用程式。
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
進行基於模型的驗證,實現表單驗證現在變得輕而易舉。
Github:https://github.com/vuelidate/vuelidate
6.NativeScript Vue | Star 4176
可以幫助你使用 NativeScript 和 Vue.js 構建原生移動應用程式。
Github:https://github.com/nativescript-vue/nativescript-vue
7.Vetur |star 3674
VS Code 的 Vue 工具,習慣使用 VS Code 的朋友值得嘗試!
Github:https://github.com/vuejs/vetur
8.Epic Spinners |star 3028
20 個易於使用的 css 調節器。
Github:https://github.com/epicmaxco/epic-spinners
9.Vue Virtual Scroller |star 3020
用於 Vue.js 應用程式的快速無限制滾動。
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 的數據表組件。
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 應用程式中的成功、警告和錯誤通知。可以放在右側、左側、底部、頂部或中間,任何你想要的地方。
Github:https://github.com/euvl/vue-notification
14.Vue Slider Component |star 1495
這裡面的 10 種滑塊組件都使用 Vue.js 開發。
Github:https://github.com/NightCatSama/vue-slider-component
15.Vue Moment |star 1048
在 Vue.js 應用程式中使用 Moment.js。
Github :https://github.com/brockpetrie/vue-moment
16.Vue Content Placeholders |star 1070
在獲取真實內容時,可以使用這些可組合組件渲染虛假的漸進式內容。
Github:https://github.com/michalsnik/vue-content-placeholders
17.Vue Draggable Resizable |star 1026
Vue.js 組件,用於可調整大小和可拖動的元素,沒有外部依賴。
Github:https://github.com/mauricius/vue-draggable-resizable
18.Vue Clipboard |star 961
一個簡單的 Vue.js 包,允許用戶將文本複製到基於clipboard.js的剪貼板。
Github:https://github.com/Inndy/vue-clipboard2
19.Vue Trend |star 929
最優雅的趨勢圖組件。
Github:https://github.com/QingWei-Li/vue-trend
20. Vue Dark Mode |star 889
一個極簡主義的黑暗設計系統,提供基礎組件,用於構建失眠者最喜歡的深色潔面。
Github:https://github.com/LeCoupa/vuedarkmode
21.Vue-Vscode-Snippets |star 826
這些片段很棒,儘可能無縫地增強工作流程。新手值得推薦!
Github:https://github.com/sdras/vue-vscode-snippets
22.Avoriaz |star 774
VueJS測試實用工具庫。
Github:https://github.com/eddyerburgh/avoriaz
23.Vue Clickaway |star 622
一種可重覆使用的點擊指令,可檢測並響應元素外部的點擊動作。當我們需要關閉模態視窗或隱藏下拉列表時會非常方便。
Github:https://github.com/simplesmiler/vue-clickaway
24.Emoji Mart Vue |star 424
從 React 的 emoji-mart fork 出來的,用於 Vue.js 的 Slack 風格的可定製表情符號選擇器組件。
Github:https://github.com/jm-david/emoji-mart-vue
25.Vue Stripe Checkout |star 365
用於 Stripe 結帳的 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,可用於創建顯示數字數據的動畫。
Github:https://github.com/xlsdg/vue-countup-v2
32.Vue Waypoint |star 223
Vue.js 的 v-waypoint 指令,用於在滾動時觸發函數。當你想要在滾動時觸發動畫,它就可以派上用場。
Github:https://github.com/scaccogatto/vue-waypoint
33.Vue Cleave Component |star 222
Cleave.js 的 Vue.js 組件,用於在輸入時格式化輸入內容(信用卡格式、日期等)。
Github:https://github.com/ankurk91/vue-cleave-component
34.Vue Swing |star 152
它是Swing的 vue.js 包裝器,一個卡片形式的界面(swipe-left 對應是,swipe-right 對應否)。
Github:https://github.com/goweiwen/vue-swing
35.Vue Chartist |star 132
基於 Chartist.js 的響應式圖表。
Github:https://github.com/Yopadd/vue-chartist
36.Vue Slideout |star 131
Slideout.js 的 Vue.js 實現。
Github:https://github.com/vouill/vue-slideout