Vue - 列表拖曳排序 / 鼠标拖动改变顺序排列高效简洁组件（支持PC端与移动端触屏拖动，也可在滚动条内排序自动滚动，流畅丝滑无 BUG）

前言

网上大部分教程代码臃肿且有BUG，另外代码注释没有很难读懂。

本文将从 0-1 完成列表拖曳排序功能（带动画），您只需要复制后改改样式即可，

支持电脑端与手机端兼容，代码干净整洁且超详细的注释。

---

如下图示例所示，支持简单、复杂对象数组（[{...}, {...}]），

随便自定义样式，不会影响到拖动排序的功能，另外可自定义开始、拖动中、结束的事件。

手机效果，真机无差异：