一款基于vue3的极简拖拽组件！让你自由拖动！
#### 介绍 - 轻量级的 vue 拖拽组件，可通过容器限制拖拽范围。 - 包含两个组件：DragDropContainer 容器组件，DragDrop 拖拽组件。 - 可搭配使用，也可分开使用。 ### DragDropContainer 组件属性 | 属性名 | 类型 | 说明 | | ------ | ------ | -------- | | id | String | 唯一标识 | | width | Number | 容器宽度 | | height | Number | 容器高度 | ### DragDropContainer 组件方法 | 属性名 | 参数 | 说明 | | -------------- | ---- | ------------------------------------------ | | obtainChildren | | 动态添加子组件时调用此方法以更新子组件持有 | ### DragDrop 组件属性 | 属性名 | 类型 | 说明 | | ----------- | ------- | ------------------------- | | id | String | 唯一标识 | | collision | Boolean | 是否碰撞，默认为 true。 | | locking | Boolean | 是否可以移动，默认为 true | | lockingX | Boolean | 锁定 X 轴，默认为 false | | lockingY | Boolean | 锁定 Y 轴，默认为 false | | initialTop | Number | 初始距离容器 top | | initialLeft | Number | 初始距离容器 left | ### DragDrop 组件事件 | 属性名 | 参数 | 说明 | | --------- | ---- | --------------------------------------------------------------------------------------- | | change | none | {id\|String,left\|Number,top\|Number}。组件拖拽停止事件 | | move | none | {id\|String,left\|Number,top\|Number}。组件拖拽移动事件 | | collision | none | {targetId\|String,isContainer\|Boolen,left\|Number,top\|Number}。组件碰撞到其他组件事件 | ### 使用说明 ```html