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

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

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

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

lucky-canvas

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

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

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

Vue Easy Slider

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

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

Swiper

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

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

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

Mpvue Calendar

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

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

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

Element Tiptap Editor

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

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

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

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

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

Vue Cropper

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

相关推荐

  1. 强烈推荐各类免费api

    2023-12-28 20:16:02       58 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-28 20:16:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-28 20:16:02       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-28 20:16:02       82 阅读
  4. Python语言-面向对象

    2023-12-28 20:16:02       91 阅读

热门阅读

  1. Redis单线程的正确理解(一)

    2023-12-28 20:16:02       62 阅读
  2. css吸顶(position: sticky;)

    2023-12-28 20:16:02       90 阅读
  3. 【排序算法】合并两个有序数组

    2023-12-28 20:16:02       58 阅读
  4. MongoDB

    MongoDB

    2023-12-28 20:16:02      56 阅读
  5. Tekton

    Tekton

    2023-12-28 20:16:02      51 阅读
  6. MongoDB中的物化视图

    2023-12-28 20:16:02       58 阅读
  7. 2022年全国职业院校技能大赛软件测试赛项赛题库

    2023-12-28 20:16:02       55 阅读
  8. Linux安装mysql

    2023-12-28 20:16:02       60 阅读
  9. 全国计算机等级考试| 二级Python | 真题及解析(1)

    2023-12-28 20:16:02       49 阅读
  10. 机器学习概述(一)

    2023-12-28 20:16:02       36 阅读