任何一個開發者,都是十分喜歡使用開源軟件包的。由於它使開發工做變得更快速、高效、容易。若是沒有開源軟件包,開發工做將變得疲憊不堪,不斷的重複造輪子!
下面整理了 Github 上 36 個實用的 Vue 開源庫,建議收藏!css
具備超過40個插件和超過75個自定義組件,爲Vue.js提供了最全面的Bootstrap v4組件和網格系統實現。
Github:https://github.com/bootstrap-vue/bootstrap-vuevue
Vue.js 組件,基於 Sortable.js 進行同步的拖放排序。
Github:https://github.com/SortableJS/Vue.Draggablegit
基於 React Native 實現,容許你使用 JavaScript 來構建跨平臺的原生移動應用程序。
Github:https://github.com/GeekyAnts/vue-native-coregithub
Vue.js 的 Quill 編輯器,支持 SPA 和 SSR。
Github:https://github.com/surmon-china/vue-quill-editorvue-cli
進行基於模型的驗證,實現表單驗證如今變得垂手可得。
Github:https://github.com/vuelidate/vuelidatebootstrap
能夠幫助你使用 NativeScript 和 Vue.js 構建原生移動應用程序。
Github:https://github.com/nativescript-vue/nativescript-vue編輯器
VS Code 的 Vue 工具,習慣使用 VS Code 的朋友值得嘗試!
Github:https://github.com/vuejs/veturide
20 個易於使用的 css 調節器。
Github:https://github.com/epicmaxco/epic-spinners函數
用於 Vue.js 應用程序的快速無限制滾動。
Github:https://github.com/Akryum/vue-virtual-scroller工具
一個簡單的 Vue.js 日期選擇器組件。
Github :https://github.com/charliekassel/vuejs-datepicker
Vue.js 的數據表組件。
Github:https://github.com/ratiw/vuetable-2
來自 Sketch、Photoshop、Chrom 的 Vue.js 顏色選擇器。
Github:https://github.com/xiaokaike/vue-color
用在 Vue.js 應用程序中的成功、警告和錯誤通知。能夠放在右側、左側、底部、頂部或中間,任何你想要的地方。
Github:https://github.com/euvl/vue-notification
這裏面的 10 種滑塊組件都使用 Vue.js 開發。
Github:https://github.com/NightCatSama/vue-slider-component
在 Vue.js 應用程序中使用 Moment.js。
Github :https://github.com/brockpetrie/vue-moment
在獲取真實內容時,能夠使用這些可組合組件渲染虛假的漸進式內容。
Github:https://github.com/michalsnik/vue-content-placeholders
Vue.js 組件,用於可調整大小和可拖動的元素,沒有外部依賴。
Github:https://github.com/mauricius/vue-draggable-resizable
一個簡單的 Vue.js 包,容許用戶將文本複製到基於clipboard.js的剪貼板。
Github:https://github.com/Inndy/vue-clipboard2
最優雅的趨勢圖組件。
Github:https://github.com/QingWei-Li/vue-trend
一個極簡主義的黑暗設計系統,提供基礎組件,用於構建失眠者最喜歡的深色潔面。
Github:https://github.com/LeCoupa/vuedarkmode
這些片斷很棒,儘量無縫地加強工做流程。新手值得推薦!
Github:https://github.com/sdras/vue-vscode-snippets
VueJS測試實用工具庫。
Github:https://github.com/eddyerburgh/avoriaz
一種可重複使用的點擊指令,可檢測並響應元素外部的點擊動做。當咱們須要關閉模態窗口或隱藏下拉列表時會很是方便。
Github:https://github.com/simplesmiler/vue-clickaway
從 React 的 emoji-mart fork 出來的,用於 Vue.js 的 Slack 風格的可定製表情符號選擇器組件。
Github:https://github.com/jm-david/emoji-mart-vue
用於 Stripe 結賬的 Vue.js 插件。
Github:https://github.com/jofftiquez/vue-stripe-checkout
用於包裝對 SSR 不友好的組件。
Github:https://github.com/egoist/vue-no-ssr
一個很棒的 Vue.js 自動提示組件。
Github:https://github.com/Educents/vue-autosuggest
基於 Angular YouTube Embed,容許你使用 YouTube iframe API。
Github:https://github.com/kaorun343/vue-youtube-embed
Vue.js 輸入字段組件,用於顯示格式化的貨幣值。
Github:https://github.com/kevinongko/vue-numeric
一個基於 popper.js 的 Vue.js 彈出窗口組件。
Github:https://github.com/RobinCK/vue-popper
基於 CountUp.js,可用於建立顯示數字數據的動畫。
Github:https://github.com/xlsdg/vue-countup-v2
Vue.js 的 v-waypoint 指令,用於在滾動時觸發函數。當你想要在滾動時觸發動畫,它就能夠派上用場。
Github:https://github.com/scaccogatto/vue-waypoint
Cleave.js 的 Vue.js 組件,用於在輸入時格式化輸入內容(信用卡格式、日期等)。
Github:https://github.com/ankurk91/vue-cleave-component
它是Swing的 vue.js 包裝器,一個卡片形式的界面(swipe-left 對應是,swipe-right 對應否)。
Github:https://github.com/goweiwen/vue-swing
基於 Chartist.js 的響應式圖表。
Github:https://github.com/Yopadd/vue-chartist
Slideout.js 的 Vue.js 實現。
Github:https://github.com/vouill/vue-slideout