vuedraggable 是什么 怎么使用

vuedraggable是一个基于Vue.js的可拖动列表组件，它提供了一种简单的方法来实现可拖动列表和排序功能。

使用vuedraggable组件，需要先引入vuedraggable的依赖包，然后在Vue实例中注册vuedraggable组件，即可在模板中使用vuedraggable。

下面是一个简单的vuedraggable的使用示例：

1. 安装vuedraggable

npm install vuedraggable --save

2. 在Vue实例中注册vuedraggable组件

import draggable from 'vuedraggable'

export default {
  components: {
    draggable
  }
}

3. 在模板中使用vuedraggable

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

其中，v-model指定了可拖动列表的数据源，v-for用于循环生成可拖动的列表项。

需要注意的是，vuedraggable组件需要在<draggable>标签内部使用v-for循环渲染列表项，并且要为每个列表项指定一个唯一的key属性。

以上就是vuedraggable的简单使用方法。