vuedraggable使用方法

vuedraggable是一个基于Vue.js的可拖拽和排序列表组件。使用vuedraggable可以轻松地实现拖拽排序、拖拽复制、拖拽交换等功能。具体使用方法如下：

1. 安装vuedraggable
可以通过npm安装vuedraggable：

npm install vuedraggable --save

2. 引入vuedraggable
在需要使用vuedraggable的Vue组件中，可以通过import引入vuedraggable:

import draggable from 'vuedraggable'

3. 使用vuedraggable
在Vue模板中，可以使用draggable标签来使用vuedraggable组件，例如：

<draggable v-model="list">
  <div v-for="(item, index) in list" :key="item.id">{{ item.name }}</div>
</draggable>

其中，v-model绑定了一个数组list，数组中存放了需要排序的元素。在draggable标签内部，通过v-for循环遍历list数组，并将每个元素渲染为一个div元素。

4. 配置vuedraggable
除了上面的基本使用方式外，vuedraggable还有很多其他配置选项，例如设置拖拽方向、设置辅助线、设置限制范围等等。具体的配置选项可以参考官方文档：https://github.com/SortableJS/Vue.Draggable#options