Vue dragular是一個基于Vue.js開發的拖放庫。它使用了Dragula拖放庫的核心功能，并適配了Vue.js的響應式特性。這使得它可以輕松地與Vue.js應用程序集成，并提供了拖放操作的可視化反饋。

要使用Vue dragular，需要先在Vue.js應用程序中安裝它。通過NPM可以很容易地完成這個步驟：

npm install vue-dragular --save

安裝好Vue dragular后，就可以在Vue.js組件中使用它了。以下是一個簡單的示例：

<template>
<div class="container">
<div v-dragular="dragularOptions">
<div v-for="(item, index) in items" :key="index">
{{ item }}
</div>
</div>
</div>
</template>
<script>
import Dragular from 'vue-dragular';
export default {
components: {
Dragular,
},
data() {
return {
items: ['Item 1', 'Item 2', 'Item 3'],
dragularOptions: {},
};
},
};
</script>

在這個示例中，v-dragular指令被應用到了一個div元素上，表示它會被綁定為一個可以被拖拽的元素。items數組被循環輸出，每一個元素都會顯示一個文本標簽。dragularOptions是可選的參數，可以用來自定義拖拽行為。

總的來說，Vue dragular是一個適用于Vue.js應用程序的易于使用的拖放庫。它提供了簡單的API和定制化選項，可以幫助開發者快速地實現可拖放的交互式界面。