avue使用Sortable实现拖拽排序

好的，下面是在 Avue 中使用 Sortable 实现拖拽排序的具体步骤：

1. 安装 sortablejs 库

在命令行中运行以下命令安装 sortablejs 库：

npm install sortablejs --save

2. 引入 sortablejs 库

在需要使用拖拽排序的组件中，引入 sortablejs 库：

import Sortable from 'sortablejs'

3. 初始化 Sortable

在组件的 mounted 钩子函数中，初始化 Sortable：

mounted () {
  this.sortable = Sortable.create(this.$refs.list, {
    onEnd: this.sortEnd
  })
},
methods: {
  sortEnd (event) {
    // 拖拽结束后的逻辑处理
  }
}

其中，`this.$refs.list` 是需要排序的元素的父元素，`onEnd` 是拖拽结束时触发的回调函数。

4. 销毁 Sortable 实例

在组件销毁时，需要销毁 Sortable 实例：

beforeDestroy () {
  this.sortable.destroy()
}

这样就可以在 Avue 中使用 Sortable 实现拖拽排序了。

需要注意的是，`sortablejs` 库是基于原生的拖拽事件实现的，因此在拖拽时可能会出现一些兼容性问题。如果需要在老旧的浏览器中使用，可以考虑使用其他的拖拽库。