在Vue3中，要实现列表拖拽排序，可以使用Vue官方提供的插件vue-draggable-next。这个插件提供了非常简单易用的API，可以轻松地实现列表拖拽功能。

以下是一个基本的使用示例：

1. 安装vue-draggable-next插件

Copy

npm install --save vue-draggable-next

2. 在Vue组件中引入vue-draggable-next插件

jsonCopy

import {defineComponent} from 'vue';
import draggable from 'vuedraggable';

export default defineComponent({
  components: {
    draggable
  },
  data() {
    return {
      list: [
        { id: 1, name: 'Item 1' },
        { id: 2, name: 'Item 2' },
        { id: 3, name: 'Item 3' },
        { id: 4, name: 'Item 4' }
      ]
    };
  }
});

3. 在模板中使用draggable组件

handlebarsCopy

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

在上面的示例中，我们通过v-model绑定了list数据，使得draggable组件可以直接操作list数据。同时，我们使用v-for循环渲染列表，将每个列表项包裹在一个div中，并为每个div指定一个唯一的key值。

使用以上代码，我们就可以实现一个简单的列表拖拽排序功能。当我们拖拽列表项时，list数据会自动更新，从而实现列表项的拖拽排序。