<DropContainer>
<DropContainer> 组件用于创建一个放置区域，可以与拖拽组件（如 <DndItem> 或 <DragCloneItem>）配合使用，实现拖放交互。它为被拖拽的项提供一个放置目标区域，适用于需要管理拖放内容的场景。
参数
id (
String):- 当前区域的唯一标识符，可以是图层ID或模块插槽ID。用于区分不同的放置区域。
- 示例:
"layer1","slotA"
type (
String):- 拖拽类型，用于与拖拽项的类型匹配，决定该区域可以接收的拖拽项类型。
- 示例:
"move","copy"
使用示例
基本示例
在最简单的用法中，<DropContainer> 作为一个放置区域使用，接收来自拖拽组件的项。
vue
<template>
<DropContainer type="move" id="container1" />
</template>详细示例
在这个示例中，<DropContainer> 组件为一个放置区域，接收 type="move" 类型的拖拽项，id 为 "container1"。
vue
<template>
<DropContainer type="move" id="container1">
<!-- 可选：在放置区域中添加自定义内容或样式 -->
<div>Drop items here</div>
</DropContainer>
</template>注意事项
- 放置区域标识：
id属性用于标识放置区域，确保拖拽项与正确的目标区域进行匹配。它也可以用于跨多个区域进行拖拽操作时的目标区域识别。 type属性：type属性决定了该区域可以接收的拖拽项类型。确保DropContainer和拖拽项的类型匹配，以便正确的拖放行为。- 自定义内容：
<DropContainer>组件支持插槽，可以在放置区域内添加自定义的内容或样式，从而让放置区域具有更灵活的显示和交互功能。
配合其他组件使用
<DropContainer> 通常与 <DndItem> 或 <DragCloneItem> 等组件配合使用，构建完整的拖放交互。它可以与多个放置区域组合使用，以实现复杂的拖拽场景。