这是之前我分享的几款 Vue.js 生态里可以直接使用的插件和组件。
1. lucky canvas
一句话介绍:免费开源的大转盘/九宫格抽奖前端开发组件。
lucky-canvas 是一个基于 Js + Canvas 的抽奖 web 前端组件,提供大转盘和九宫格两种抽奖界面,UI 精美,功能强大且专业可靠,只需要通过简单配置即可实现自由定制,快速完成产品需求。
传送门:https://www.thosefree.com/lucky-canvas
2. VueEasySlider
一句话介绍:Vue 生态里热门的轮播库。
Vue Easy Slider 是一个使用简单,功能简洁的 web 独立轮播图组件,开发者只需要花费几分钟接入,就能满足常见的轮播图需求,让开发者节省了不少宝贵的开发时间。
3. Swiper
一句话介绍:简单配置就能实现手机、PC 网页中滑动、焦点轮播图、tab 切换和触摸导航等大部分功能。
Swiper 是一款纯 javascript 打造的滑动特效插件,主要用对移动端 web 开发中的内容触摸滑动需求,同时兼容 PC 网页。该插件团队维护多年,非常稳定,是移动端网站滑动需求的重要选择。
传送门:https://www.thosefree.com/vue-easy-slider
4. Mpvue Calendar
一句话介绍:一款基于 Vue 3的开源日历组件,功能丰富,支持多种模式和手势滑动。
Mpvue Calendar 是一款简单实用,功能强大的 Vue 日历组件,适合用在日期选择、日期范围选取以及日历展示场景,使用非常简单,是一款非常值得收藏使用的优秀 Vue 组件。
传送门:https://www.thosefree.com/mpvue-calendar
5. Element Tiptap Editor
一句话介绍:免费开源的 Vue 富文本编辑器,专门为搭配 Element UI 使用优化,使用很简单。
Element Tiptap Editor 是一个在 web 开发领域“所见即所得”的富文本编辑器,基于 tiptap 编辑器和 element-ui 开发,相比很多富文本编辑器,Element Tiptap Editor 使用易上手,对开发者友好,而且可扩展性强,设计简洁。
传送门:https://www.thosefree.com/element-tiptap-editor
6. VueDraggablePlus
一句话介绍:免费开源的 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
7. Vue Cropper
一句话介绍:基于 Vue 开发的图片裁剪插件,简单好用、免费开源,支持 Vue2 和 Vue3。
Vue Cropper 是一款实用的 JavaScript 图片裁剪插件,基于 Vue.js 实现了在 web 上对图片的放大缩小、旋转、拖选区域裁剪、图片压缩上传等功能,API 也很简单,使用很方便。
传送门:https://www.thosefree.com/vue-cropper
总结
上面这 7 款 Vue 插件和组件是我一直在使用的,有些可能已经发布有一段时间了,但也没有发现什么 BUG,运行一直很稳定,现在再次通过回顾的方式推荐给各位。