vuedraggable属性

`vuedraggable` 是一个Vue.js的插件，它提供了可拖放的列表功能。它允许您通过鼠标拖动和放置来重新排列列表中的元素，同时还提供了其他一些交互功能，例如删除、复制、排序等。

`vuedraggable` 插件需要在 Vue.js 应用程序中进行注册，然后将其绑定到您希望使其可拖放的元素上。以下是示例代码：

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

<script>
import draggable from 'vuedraggable'

export default {
  components: {
    draggable
  },
  data() {
    return {
      items: [
        { id: 1, text: 'Item 1' },
        { id: 2, text: 'Item 2' },
        { id: 3, text: 'Item 3' },
      ]
    }
  }
}
</script>

在上述示例代码中，我们首先在模板中循环渲染了一个由 `items` 数组中的元素构成的列表。然后，我们使用 `vuedraggable` 组件将另一个由相同的 `items` 数组构成的列表进行了绑定。这样，我们就可以通过拖动和放置来重新排列 `items` 数组中的元素。