Vue Draggable是一個非常有用的插件，它使得我們可以輕松地對可拖拽元素進行排序。這個插件使用起來非常簡單，只需要簡單的幾步就可以完成。

首先，我們需要在頁面中引入Vue Draggable庫：

<script src="https://cdnjs.cloudflare.com/ajax/libs/Vue.Draggable/2.23.1/vuedraggable.umd.min.js"></script>

接下來，我們就可以在Vue組件中使用Vue Draggable了。我們可以在data中聲明一個列表，然后在template中使用<draggable>標簽進行渲染：

<template>
<div>
<draggable v-model="list">
<div v-for="(item, index) in list" :key="item.id">{{item.name}}</div>
</draggable>
</div>
</template>
<script>
export default {
data() {
return {
list: [
{id: 1, name: 'first'},
{id: 2, name: 'second'},
{id: 3, name: 'third'},
{id: 4, name: 'forth'},
{id: 5, name: 'fifth'}
]
}
}
}
</script>

上面的代碼演示了如何使用Vue Draggable對列表進行排序。我們在<draggable>標簽中使用了v-model，這樣就可以實現對列表元素的拖拽排序了。注意，在使用v-model時，我們需要使用list作為參數，這個list就是我們在data中聲明的列表。

除了v-model，Vue Draggable還有很多其他的屬性和事件可以使用。比如，我們可以使用<draggable>的屬性進行限制拖拽范圍、允許拖拽的方向等操作，還可以使用事件來監聽拖拽、放置等操作。

總的來說，Vue Draggable是一個非常實用的插件，可以大大簡化我們對可拖拽元素進行排序的操作。