大家好，我是Echa。给大家拜年了。

大年初二，为你们送上，一份美美的祝福：工作一帆风顺！成就一鸣惊人！生意一本万利！事业一飞冲天！生活一劳永逸！好人一生平安！出门一日千里！工作一马当先！带着一分牵挂！送你们一份祝福！人生意气风发！今年一定发财！

让平安搭上春节的快车道，让快乐与你们轻轻拥抱，让困难与你们刮目相看，让烦恼低头悄悄走掉，让吉祥对你们格外关照，让幸福对你们永远微笑！祝粉丝们春节快乐，兔年大吉。

今天小编给大家兔年豪送36个Vue开源库大全，希望帮助大家在工作上得更快速、高效、容易，如虎添翼，快乐的开发。顺便一起回顾小编之前发布关于Vue 相关的干货文章：

盘点Github上15个火热的Vue3开源项目

盘点12个Vue 3的高颜值UI组件库

推荐13个又热门又实用的Vue开源宝典库

分享15个基于Vue3.0全家桶的优秀开源项目

创作不易，喜欢的老铁们加个关注，点个赞，打个赏，后面会不定期更新干货和技术相关的资讯，速速收藏，谢谢！你们的一个小小举动就是对小编的认可，更是创作的动力。

全文大纲

1. Bootstrap-Vue
2. Vue Chartist
3. Vue Slideout
4. Vue Swing
5. Vue Cleave Component
6. Vue Waypoint
7. Vue countup v2
8. Vue Popper
9. Vue Numeric
10. Vue YouTube Embed
11. Vue Autosuggest
12. Vue Client Only
13. Vue Stripe Checkout
14. Emoji Mart Vue
15. Vue Clickaway
16. Avoriaz
17. Vue-Vscode-Snippets
18. Vue Dark Mode
19. Vue Trend
20. Vue Clipboard
21. Vue Draggable Resizable
22. Vue Content Placeholders
23. Vue Moment
24. Vue Slider Component
25. Vue Notification
26. Vue Color
27. Vuetable-2
28. Vue.js Datepicker
29. Vue Virtual Scroller
30. Epic Spinners
31. Vetur
32. NativeScript Vue
33. Vuelidate
34. Vue Quill Editor
35. Vue Native
36. Vue.Draggabl

Bootstrap-Vue

官网网址：https://bootstrap-vue.org/

在线演示：https://demos.creative-tim.com/bootstrap-vue-argon-dashboard

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

具有超过40个插件和超过75个自定义组件，为Vue.js提供了最全面的Bootstrap v4组件和网格系统实现。

如下图：

Vue Chartist

在线演示：https://demos.creative-tim.com/

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

基于 Chartist.js 的响应式图表

如下图：

Vue Slideout

在线演示：https://codesandbox.io/s/k3q1zjjml5

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

Vue Slideout 是基于Slideout.js 的 Vue.js 实现

如下图：

Vue Swing

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

它是Swing的 vue.js 包装器，一个卡片形式的界面（swipe-left 对应是，swipe-right 对应否）。

如下图：

Vue Cleave Component

在线演示：https://jsfiddle.net/ankurk91/aza302c7/

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

Cleave.js 的 Vue.js 组件，用于在输入时格式化输入内容（信用卡格式、日期等）。

如下图：

Vue Waypoint

在线演示：https://vue-waypoint.netlify.app/

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

Vue.js 的 v-waypoint 指令，用于在滚动时触发函数。当你想要在滚动时触发动画，它就可以派上用场。

如下图：

vue-countup-v2

在线演示：https://inorganik.github.io/countUp.js/

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

Vue.js 的 v-waypoint 指令，用于在滚动时触发函数。当你想要在滚动时触发动画，它就可以派上用场。

如下图：

Vue Popper

官方网址：https://robinck.github.io/vue-popper/

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

一个基于 popper.js 的 Vue.js 弹出窗口组件。

如下图：

Vue Numeric

在线演示： https://kevinongko.github.io/vue-numeric/

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

Vue.js 输入字段组件，用于显示格式化的货币值。

如下图：

Vue YouTube Embed

官网网址：https://www.npmjs.com/package/vue-youtube-embed

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

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

如下图：

Vue Autosuggest

在线演示：https://darrenjennings.github.io/vue-autosuggest/

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

一个很棒的 Vue.js 自动提示组件。

如下图：

vue-client-only

Github： https://github.com/egoist/vue-client-only

用于包装对 SSR 不友好的组件。

如下图：

Vue Stripe Checkout

官方网址：https://vuestripe.com/

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

用于 Stripe 结账的 Vue.js 插件。

如下图：

Emoji Mart Vue

在线演示：https://jm-david.github.io/emoji-mart-vue/

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

从 React 的 emoji-mart fork 出来的，用于 Vue.js 的 Slack 风格的可定制表情符号选择器组件。

如下图：

Vue Clickaway

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

一种可重复使用的点击指令，可检测并响应元素外部的点击动作。当我们需要关闭模态窗口或隐藏下拉列表时会非常方便。

如下图：

Avoriaz

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

VueJS测试实用工具库。

如下图：

Vue-Vscode-Snippets

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

这些片段很棒，尽可能无缝地增强工作流程。新手值得推荐！

如下图：

Vue Dark Mode

在线演示：https://www.growthbunker.dev/vuedarkmode/

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

一个极简主义的黑暗设计系统，提供基础组件，用于构建失眠者最喜欢的深色洁面。

如下图：

Vue Trend

在线演示：https://cinwell.com/vue-trend/

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

最优雅的趋势图组件

如下图：

Vue Clipboard

在线演示：https://vue-clipboard2.inndy.tw/

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

一个简单的 Vue.js 包，允许用户将文本复制到基于clipboard.js的剪贴板。

如下图：

Vue Draggable Resizable

在线演示：https://mauricius.github.io/vue-draggable-resizable/

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

Vue.js 组件，用于可调整大小和可拖动的元素，没有外部依赖。

如下图：

Vue Moment

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

在 Vue.js 应用程序中使用 Moment.js。

如下图：

Vue Slider Component

在线演示：https://nightcatsama.github.io/vue-slider-component/

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

这里面的 10 种滑块组件都使用 Vue.js 开发。

如下图：

Vue Notification

在线演示：http://vue-notification.yev.io/

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

用在 Vue.js 应用程序中的成功、警告和错误通知。可以放在右侧、左侧、底部、顶部或中间，任何你想要的地方。

如下图：

Vue Color

在线演示：https://xiaokaike.github.io/vue-color/

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

来自 Sketch、Photoshop、Chrom 的 Vue.js 颜色选择器。

如下图：

Vuetable-2

在线演示：https://www.vuetable.com/#current-version

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

Vue.js 的数据表组件

如下图：

Vue.js Datepicker

在线演示：https://codesandbox.io/s/mpklq49wp?file=/index.js

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

一个简单的 Vue.js 日期选择器组件。

如下图：

Vue Virtual Scroller

在线演示：https://vue-virtual-scroller-demo.netlify.app/

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

用于 Vue.js 应用程序的快速无限制滚动。

如下图：

Epic Spinners

在线演示：https://epic-spinners.epicmax.co/

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

20 个易于使用的 css 调节器。

如下图：

Vetur

在线演示：https://vuejs.github.io/vetur/

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

VS Code 的 Vue 工具，习惯使用 VS Code 的朋友值得尝试！

如下图：

NativeScript Vue

官网地址：https://nativescript-vue.org/

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

可以帮助你使用 NativeScript 和 Vue.js 构建原生移动应用程序。

如下图：

Vuelidate

官网地址：https://vuelidate-next.netlify.app/

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

可以帮助你使用 NativeScript 和 Vue.js 构建原生移动应用程序。

如下图：

Vue Quill Editor

在线演示：https://github.surmon.me/vue-quill-editor

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

Vue.js 的 Quill 编辑器，支持 SPA 和 SSR。

如下图：

Vue Native

在线演示：https://vue-native.io/

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

基于 React Native 实现，允许你使用 JavaScript 来构建跨平台的原生移动应用程序。

如下图：

Vue.Draggable

在线演示：https://sortablejs.github.io/Vue.Draggable/#/simple

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

Vue.js 组件，基于 Sortable.js 进行同步的拖放排序。

如下图：