这是之前我分享的几款生态里可以直接使用的插件和组件。

1.luckycanvas

一句话介绍:免费开源的大转盘/九宫格抽奖前端开发组件。

lucky-canvas

lucky-canvas是一个基于Js+Canvas的抽奖web前端组件,提供大转盘和九宫格两种抽奖界面,UI精美,功能强大且专业可靠,只需要通过简单配置即可实现自由定制,快速完成产品需求。

传送门:

2.VueEasySlider

一句话介绍:Vue生态里热门的轮播库。

VueEasySlider

VueEasySlider是一个使用简单,功能简洁的web独立轮播图组件,开发者只需要花费几分钟接入,就能满足常见的轮播图需求,让开发者节省了不少宝贵的开发时间。

3.Swiper

一句话介绍:简单配置就能实现手机、PC网页中滑动、焦点轮播图、tab切换和触摸导航等大部分功能。

Swiper

Swiper是一款纯javascript打造的滑动特效插件,主要用对移动端web开发中的内容触摸滑动需求,同时兼容PC网页。该插件团队维护多年,非常稳定,是移动端网站滑动需求的重要选择。

传送门:

4.MpvueCalar

一句话介绍:一款基于Vue3的开源日历组件,功能丰富,支持多种模式和手势滑动。

MpvueCalar

MpvueCalar是一款简单实用,功能强大的Vue日历组件,适合用在日期选择、日期范围选取以及日历展示场景,使用非常简单,是一款非常值得收藏使用的优秀Vue组件。

传送门:

5.ElementTiptapEditor

一句话介绍:免费开源的Vue富文本编辑器,专门为搭配ElementUI使用优化,使用很简单。

ElementTiptapEditor

ElementTiptapEditor是一个在web开发领域“所见即所得”的富文本编辑器,基于tiptap编辑器和element-ui开发,相比很多富文本编辑器,ElementTiptapEditor使用易上手,对开发者友好,而且可扩展性强,设计简洁。

传送门:

6.VueDraggablePlus

一句话介绍:免费开源的Vue拖拽组件,支持Vue2/Vue3,还被尤雨溪推荐了。

VueDraggablePlus

VueDraggablePlus是一个专为Vue打造的拖拽排序模块,基于Sortablejs封装,支持Vue3或+,本月的21日,Vue作者尤雨溪还在社交媒体上推荐了这款组件。

根据VueDraggablePlus的作者表示,功能强大的Sortablejs一直是前端领域比较知名的拖拽工具库,在2020年我也推荐过官方的,不过这个库的Vue3版本一直没有更新,和目前主流的Vue3已经严重脱节了,于是才有了VueDraggablePlus项目,他们基于Sortablejs封装了多种用法,让其支持Vue3,并且支持以组件、hooks或指令的方式调用,同时也解决一些直接使用Sortablejs时的痛点,让开发者使用起来更简单好用。

传送门:

7.VueCropper

一句话介绍:基于Vue开发的图片裁剪插件,简单好用、免费开源,支持Vue2和Vue3。

VueCropper

VueCropper是一款实用的JavaScript图片裁剪插件,基于实现了在web上对图片的放大缩小、旋转、拖选区域裁剪、图片压缩上传等功能,API也很简单,使用很方便。

传送门:

总结

上面这7款Vue插件和组件是我一直在使用的,有些可能已经发布有一段时间了,但也没有发现什么BUG,运行一直很稳定,现在再次通过回顾的方式推荐给各位。

轮子不用自己造,看看我之前的推荐7款免费开源、简单好用、强大的Vue插件库/组件|那些免费的砖