Vue.Draggable – 基于 Vue.js 丝般柔滑的拖拽排序组件

截止发稿2020年8月10日，这可能是目前最好的拖拽排序解决方案了。

介绍

VueDraggable 是一个专门解决拖拽排序和拖拽分组的。

在 jQuery 的时代，有很多动效非常流畅丝滑的拖拽排序插件，但在国内 Vue.js 起来后，却比较难找到一款像 Sortable.js 那样的组件，而 Vue.Draggable 就是一款基于 Sortable.js 开发的增强组件。

Vue.Draggable - 基于 Vue.js 丝般柔滑的拖拽排序组件官网例子演示
Vue.Draggable demo

特点

支持触摸设备，支持智能滚动；
支持拖拽和选择文本以及不同列表之间的拖拽；
拖拽和视图模型同步刷新，兼容Vue 2.0 的过渡动画；
支持撤销操作，需求定制性高。

使用体验

数据绑定视图、动画流畅、使用简单、改变可追溯、API强大， Vue.Draggable 几乎满足拖拽功能的所有需求，支持 cdn 直接引入js文件，支持 Vue cli 方式引入。官网有很详细的文档以及非常充足的代码例子，上手非常容易。

Vue.Draggable 是一个非常活跃的项目，由众多前端参与维护。

Vue.Draggable - 基于 Vue.js 丝般柔滑的拖拽排序组件参与维护的开发者

另外 Vue.Draggable 作为一个增强组件，完全兼容开发者使用的 UI 库组件，比如、，并使用 tag 和 componentData 使这些组件可拖动，瞬间变成一个可拖拽容器。

我使用 Sortable.js 以及 VueDraggable 做了不少项目了，大胆目测这应该是目前最好用的前端拖拽的解决方案。

免费使用说明

VueDraggable 已经在 github 开源，可以自由下载学习和免费使用。由于官网国内无法访问，因此这里放的是 github 的链接。不过需要注意，对于 Vue 2.0 而言，它是 vuedraggable，而不是版本Vue 1.0 的 vue-draggable。

相关导航

MyUI – 新德汇出品的基于 Element UI 的中后台项目工程框架

MyUI 是一款由新德汇出品的基于 Vue + Element UI 构建的工程框架，专注于中后台管理系统快速搭建。喜欢 Element UI 的小伙伴，现在终于有了一个颜值在线，综合素质优秀的 admin UI 框架了。

Chart.js – 漂亮的 Javascript 图表开源库

Chart.js 是一个基于 canvas 的可视化开源库。它可以用于构建简单漂亮的图表，满足产品数据可视化的需求。

Hilo – 阿里巴巴出品的免费开源 H5 游戏引擎，轻巧无依赖，适合用来开发营销互动小游戏

Hilo 是阿里团队推出的一个开源的 H5 游戏引擎，特点是对非游戏从业的前端开发者非常友好，轻量无依赖，适合用来开发营销小游戏。

VueEasySlider – 基于 Vue.js 的简洁开源轮播图组件

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

SCUI Admin – 基于 Vue3 和 Element Plus 开发的 admin 前端 UI 框架，不仅免费开源，还有很多现成的业务组件、页面模板

SCUI Admin 是一个中后台管理系统的前端解决方案，俗称 admin ui 框架，用于让开发者搭建业务管理后台，基于当前最新的 Vue3 和 Element Plus 实现。和一些包含后端开发的 admin 项目不一样，SCUI Admin 是一个纯前端的解决方案，无论后端使用什么语言开发，都没有限制。

HeyUI – 自带admin框架、中后台前端UI框架的后起之秀

HeyUI 是基于 2.0 的开源 UI 组件库，是一整套解决方案，所有的组件提供全局的可配置模式，主要服务于一些。值得一说的是，这个库的作者是一位很有个性的女程序员，文本能力也超强，官网上的文档写得清楚易懂，十分容易上手。