Vue Draggable是一個基于Vue.js的可拖拽組件庫，提供了豐富的配置選項和事件鉤子。下面將介紹如何配置Vue Draggable。

// 安裝Vue Draggable
npm install vuedraggable
// 在組件中注冊Vue Draggable
import draggable from 'vuedraggable'
export default {
components: {
draggable
}
}

在組件中使用Vue Draggable時，需要指定數據源和渲染模板。通過v-model綁定數據源，item-template指定渲染模板。

// 數據源
data: {
list: ['apple', 'banana', 'orange']
}
// 渲染模板
<draggable v-model="list" item-template="item"><template slot="item" slot-scope="{element}"><div>{{element}}</div></template></draggable>

上述代碼中的item-template指定了渲染模板，slot="item"定義了插槽的名稱，slot-scope可以獲取到傳入的數據對象。插槽的內容就是渲染模板的內容。例如上面的代碼，在插槽的內容中，使用{{element}}輸出當前元素，即每一項列表中的水果名稱。

除了item-template以外，Vue Draggable還提供了許多其他的配置選項，例如：axis限制只在某一個方向可拖拽；handle限制只能通過某個元素拖拽等等。具體的配置選項可以查看官方文檔。