vuedraggable如何处理多选拖拽过程中元素的顺序变化？

`vuedraggable` 是 Vue.js 中的一个拖拽组件库，它允许你轻松地实现元素的拖放功能。对于多选拖拽场景，当用户同时选择并拖动多个元素时，其内部的处理机制会跟踪每个被选元素的位置，并更新它们之间的相对顺序。

在处理多选拖拽过程中的元素顺序变化时，`vuedraggable` 通常会在以下几个方面操作：

1. **事件监听**：它提供了一些内置的事件，如 `start`, `end`, 和 `update`，这些事件会在拖动开始、结束以及移动过程中触发。你可以利用 `@update` 来监听元素位置的变化，并根据新的顺序动态更新数据模型。

<draggable v-model="items" @update="onItemsUpdate">
  <!-- elements -->
</draggable>

<script>
methods: {
  onItemsUpdate(e) {
    this.items = e.newIndex.map((index, item) => ({ ...item, order: index }));
  }
}
</script>

这里，`e.newIndex` 列表表示新位置的索引，通过这个可以推算出元素的新顺序。

2. **数组排序**：当你需要实时同步视图和数据时，可以使用 JavaScript 的数组方法，比如 `unshift()` 或 `splice()`，结合新旧索引来调整数组元素的顺序。

3. **状态管理**：如果你使用 Vuex 进行状态管理，可以更新 store 中的数组状态，以便在整个应用范围内保持一致性。