GitHub上最热门的十大Vue.js项目

╰半橙微兮° 2022-02-22 10:58 215阅读 0赞

> **小编推荐：[Fundebug][]提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大佬公司都在使用。**

在过去的一个月里，Mybridge从将近150个Vue.js开源项目中精选出十个热门项目，旨在帮助开发者找到自己需要的Vue.js开源项目

**上榜开源项目所获得Star数平均为：**268

**涉及的领域包括：**系统设计，移动组件，图像过滤器，图表，Nuxtjs，组件，录音机，表格，谷歌地图，悬停效果

下面就是上榜的开源项目详情：

# 1.Vue-argon-design-system #

[https://github.com/creativetimofficial/vue-argon-design-system][https_github.com_creativetimofficial_vue-argon-design-system] Star 164

![Image 1][]

Vue-argon-design-system是基于Design System for Bootstrap 4开发，它由100多个独立的组件构成，用户可以自由选择和组合，所有组件都可以采用颜色变化，你可以使用SASS文件轻松修改。

# 2.Vue-ydui #

[https://github.com/ydcss/vue-ydui][https_github.com_ydcss_vue-ydui] Star 1974

![Image 1][]

Vue-ydui 是 YDUI Touch 的一个Vue2.x实现版本，专为移动端打造，在追求完美视觉体验的同时也保证了其性能高效。在开始使用 vue-ydui 之前，有必要先了解 Vue 的相关基础知识以及Vue 组件，并了解移动端相关特性。

# 3.Imagvue #

[https://github.com/runkids/Imagvue][https_github.com_runkids_Imagvue] Star 210

![Image 1][]

Imagvue是Vue.js的图像组件，具有以下特性：

● Imagvue 提供基本的图像处理道具（大小，模糊，对比度，灰度等）。

● 支持图像延迟加载。

● 所有属性都可以与数据绑定

# 4.Vue-apexcharts #

[https://github.com/apexcharts/vue-apexcharts][https_github.com_apexcharts_vue-apexcharts] Star 101

![Image 1][]

ApexCharts的Vue.js组件，用Vue.js对ApexCharts进行封装，实现在vue中构建交互式可视化

# 5.Nuxpress #

[https://github.com/galvez/nuxpress][https_github.com_galvez_nuxpress] Star 90

![Image 1][]

一个基于Nuxt的博客引擎和样板

# 6.Vui #

[https://github.com/vui-kit/vui][https_github.com_vui-kit_vui] Star 47

![Image 1][]

一个基于VUE的简易框架，用于Vue2单页面应用程序的轻量级组件库，此项目的创建主要是为了深入学习vue

# 7.Vue-audio-recorder #

[https://github.com/grishkovelli/vue-audio-recorder][https_github.com_grishkovelli_vue-audio-recorder] Star 70

![Image 1][]

适用于VueJS应用程序的简易录音机，它允许在服务器上创建，播放，下载和存储记录。

# 8.Vue-genesis-forms #

[https://github.com/BlackMix/vue-genesis-forms][https_github.com_BlackMix_vue-genesis-forms] Star 50

![Image 1][]

Vue-genesis-forms可以帮助你在Vue.js中轻松创建表单

# 9.Vue2-gmap-custom-marker #

[https://github.com/eregnier/vue2-gmap-custom-marker][https_github.com_eregnier_vue2-gmap-custom-marker] Star 27

![Image 1][]

该组件允许用户使用Overlay在地图上显示自定义html内容。这个组件是google map V3 overlay code的改编，其中一些创意来自angularjs谷歌地图

# 10.Vue-good-links #

[https://github.com/xaksis/vue-good-links][https_github.com_xaksis_vue-good-links] Star 60

![Image 1][]

给你的超链接添加一个漂亮动画的vue插件，如翻转、跳跃、滚动......

[Fundebug]: https://www.fundebug.com/
[https_github.com_creativetimofficial_vue-argon-design-system]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fcreativetimofficial%2Fvue-argon-design-system
[Image 1]: 
[https_github.com_ydcss_vue-ydui]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fydcss%2Fvue-ydui
[https_github.com_runkids_Imagvue]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Frunkids%2FImagvue
[https_github.com_apexcharts_vue-apexcharts]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fapexcharts%2Fvue-apexcharts
[https_github.com_galvez_nuxpress]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fgalvez%2Fnuxpress
[https_github.com_vui-kit_vui]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fvui-kit%2Fvui
[https_github.com_grishkovelli_vue-audio-recorder]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fgrishkovelli%2Fvue-audio-recorder
[https_github.com_BlackMix_vue-genesis-forms]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2FBlackMix%2Fvue-genesis-forms
[https_github.com_eregnier_vue2-gmap-custom-marker]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Feregnier%2Fvue2-gmap-custom-marker
[https_github.com_xaksis_vue-good-links]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fxaksis%2Fvue-good-links