VUE2sortable排序

您好！对于Vue.js 2，您可以使用Vue.Draggable插件实现可排序的列表。下面是一些步骤来实现此功能：

1. 首先，安装Vue.Draggable插件。您可以使用npm或yarn来安装插件：

npm install vuedraggable

2. 在您的Vue组件中，导入和注册Vue.Draggable插件：

import draggable from 'vuedraggable';

export default {
  components: {
    draggable,
  },
  // 组件的其他代码...
}

3. 在您的模板中，使用`draggable`组件来包裹您想要排序的列表项。您可以使用`v-model`指令绑定一个数组来存储排序后的数据：

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

4. 在您的Vue实例中，定义`items`数组，并将其传递给`draggable`组件的`v-model`指令：

export default {
  data() {
    return {
      items: [
        { id: 1, name: 'Item 1' },
        { id: 2, name: 'Item 2' },
        { id: 3, name: 'Item 3' },
      ],
    };
  },
  // 组件的其他代码...
}

现在，当您拖动列表项时，`items`数组将自动更新以反映新的顺序。您可以在组件的方法中访问`items`数组，以便执行其他操作。

希望这能帮助到您！如果有任何进一步的问题，请随时问我。