dnd-kit 我称之为拖拽组件中的王者git链接文章地址用过react-dnd和react-beautiful-dnd都没有dnd-kit组件灵便以及裸露的数据多（也可能是我钻研的不够深）应用场景及可实现性能实现画布类拖拽元素是否被拖拽元素区域是否被拖入（data数据利用）元素区域是否被拖出（data数据利用）元素区域可接管哪些类型的元素拖入（dat…

在HTML5还未普及之前，实现元素的拖拽还算是一件比较麻烦的事，大概思路就是监听鼠标移动相关事件，下面是伪代码

四、实现change、start、end、move方法，v-model绑定的数据就是排序后的数据，可以传递给后台修改数据库数据

拖放是很常见的一种交互效果，很多时候我们都会借助于第三方的控件来实现，其实用原生js实现起来也非常的方便。接下来我们就用原生js和css快速实现这样的拖放效果：

很多时候，我们需要让用户来自定义自己想要的菜单顺序，或者一些按钮的排序，那么这个时候，怎么给用户自定义顺序呢？拖拽无疑是最简单易懂的，因为玩过手机的都知道怎么拖动桌面的app来改变位置。