vue中实现拖拽排序

昨天在公司项目中遇到了一个需求，要求实现拖拽排序来将现场的物料进行一个排序后再发送给后端。实际上在vue项目中使用vuedraggable实现拖拽排序已经是非常成熟的案例了，这次记录一下：

1. 首先安装依赖： npm install vuedraggable --save

2. 在组件中引入：import draggable from 'vuedraggable'

3. 将需要做排序的部分用draggable标签包裹起来