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

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

1. lucky canvas

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

lucky-canvas
lucky-canvas

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

传送门:https://www.thosefree.com/lucky-canvas

2. VueEasySlider

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

Vue Easy Slider
Vue Easy Slider

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

3. Swiper

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

Swiper
Swiper

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

传送门:https://www.thosefree.com/vue-easy-slider

4. Mpvue Calendar

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

Mpvue Calendar
Mpvue Calendar

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

传送门:https://www.thosefree.com/mpvue-calendar

5. Element Tiptap Editor

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

Element Tiptap Editor
Element Tiptap Editor

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

传送门:https://www.thosefree.com/element-tiptap-editor

6. VueDraggablePlus

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

VueDraggablePlus
VueDraggablePlus

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

If you are looking for a drag-and-drop library for Vue (both 2 and 3), this one looks really good。

如果你想找一个 Vue 2 和 Vue 3 都能使用的拖拽库,这个看起来很不错。—Vue.js 作者尤雨溪

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

传送门:https://www.thosefree.com/vuedraggableplus

7. Vue Cropper

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

Vue Cropper
Vue Cropper

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

传送门:https://www.thosefree.com/vue-cropper

总结

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