Vue.Draggable 使用指南
一、简介
Vue.Draggable是一款基于 Sortable.js 的 Vue 拖拽排序组件，它通过绑定数组实现视图与数据的同步更新。vuedraggable 支持列表项的拖拽排序、跨列表拖拽、手动排序等功能，且兼容 Vue 2 和 Vue 3。基于项目使用该拖拽功能实现公式配置总结以下使用方法。
二、安装方法
在使用 Vue.Draggable 之前，需要先进行安装。以下是两种常见的安装方式：
- npm 安装：打开命令行工具，进入项目根目录，执行以下命令：npm install vuedraggable --save。这种方式通过 npm 包管理工具安装，便于项目依赖的管理和更新。
- yarn 安装：如果你的项目使用 yarn 作为包管理工具，可在项目根目录执行命令：yarn add vuedraggable。
三、基本使用
（一） 引入并注册组件
在需要使用拖拽功能的 Vue 组件中，首先要引入 Vue.Draggable。可以使用以下代码：
| import draggable from 'vuedraggable' |
然后，在组件的***ponents选项中注册该组件：
| export default { ***ponents: { draggable }, |
（二）基础示例
下面是一个简单的 Vue.Draggable 使用示例，实现一个可拖拽排序的列表：
| <template> <div> <draggable v-model="items" :options="{ group: 'items' }"> <div v-for="(item, index) in items" :key="index"> < |
