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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

原文链接：https://www.thosefree.com/2023-12-vue-js-plug-in