前段怎么安装import draggable from 'vuedraggable'组件

首先，你需要在你的项目中安装 vuedraggable 组件。你可以使用 npm 来安装该组件，命令如下：

npm install vuedraggable --save

安装完成后，在你的 Vue 项目中，你需要在需要使用该组件的组件中引入该组件，如下所示：

import draggable from 'vuedraggable'

然后，在你的组件的 template 中，你可以使用该组件，如下所示：

<draggable v-model="list">
  <div v-for="item in list" :key="item.id">{{ item.text }}</div>
</draggable>

以上代码中，v-model 绑定了一个数组 list，用于存储可拖拽的元素列表。在 draggable 标签内部，使用 v-for 循环遍历 list，将每个元素以 div 的形式渲染出来。注意，每个元素必须有一个唯一的 key，这里使用了 item.id。

希望这个回答能够对你有所帮助！