list 拖动排序vue.

实现 list 拖动排序的方法，可以使用 Vue.js 的插件 `vue-sortable`。该插件提供了一个可排序的列表组件，可以直接集成到 Vue.js 应用程序中。

首先，在项目中安装 `vue-sortable` 插件：

npm install vue-sortable

然后，在 Vue 组件中引入 `vue-sortable` 并注册：

<template>
  <div>
    <h2>Sortable List</h2>
    <sortable :list="list" :options="options">
      <div slot-scope="{ value }">{{ value }}</div>
    </sortable>
  </div>
</template>

<script>
import Sortable from 'vue-sortable'

export default {
  name: 'SortableList',
  components: {
    Sortable
  },
  data() {
    return {
      list: ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5'],
      options: {
        animation: 150,
        group: 'shared',
        onUpdate: event => {
          // 当列表项拖动排序时调用的方法
          console.log(event)
        }
      }
    }
  }
}
</script>

在组件中，`list` 是要排序的数据列表，`options` 是 `vue-sortable` 的选项配置，`onUpdate` 方法是当列表项拖动排序时调用的方法。

最后，将组件添加到 Vue.js 应用程序中即可：

<template>
  <div>
    <sortable-list></sortable-list>
  </div>
</template>

<script>
import SortableList from './SortableList.vue'

export default {
  name: 'App',
  components: {
    SortableList
  }
}
</script>

通过以上步骤，就可以实现 list 拖动排序的功能。