Vue3 拖拽排序组件 - 完整示例

📋 场景1: 基础垂直列表拖拽

最常见的拖拽排序场景，支持列表项上下拖拽重新排序

适用于图片墙、仪表盘组件等网格布局的拖拽排序

适用于任务看板、工作流管理等场景，支持在不同列表间拖拽

适用于数据表格的行排序

拖拽	姓名	职位	部门	优先级
☰	{{ item.name }}	{{ item.position }}	{{ item.department }}	{{ item.priority }}

只有点击句柄图标才能拖动，防止误操作

支持父级和子级的独立拖拽排序

从左侧拖拽到右侧时创建副本，原列表保持不变