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

您可以按照以下步骤安装和使用`vuedraggable`组件：

1. 打开终端或命令行窗口，进入到您的Vue.js项目根目录下。

2. 运行以下命令安装`vuedraggable`组件：

   npm install vuedraggable --save

这个命令会将`vuedraggable`组件安装到项目的`node_modules`目录下，并将其添加到`package.json`文件的依赖项中。

3. 在需要使用`vuedraggable`组件的Vue文件中，使用`import`语句导入该组件：

   import draggable from 'vuedraggable'

4. 在Vue文件的`components`选项中注册`draggable`组件：

   components: {
     draggable
   }

5. 在Vue文件的模板中使用`draggable`组件：

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

这个例子中，`list`是一个数组，`draggable`组件会将这个数组中的元素渲染为可拖拽的列表项。

希望这个回答可以帮到您！