vuedraggable由vue2版本升级vue3版本遇到的问题

vuedraggable由vue2版本升级vue3版本后，可能会遇到以下几种bug：

1、vue3+vuedraggable报错TypeError: Cannot read properties of undefined (reading ‘updated’)：这个一般是因为插件使用语法有问题，vue3版本的插件使用时，v-for不能
自己手写，由插件提供的语法实现循环：

 <draggable v-model="configDataArr">
      <template #item="{element,index}">
      </template>
  </draggable>复制

以上是插件最简几行代码，这四行不能缺失。

2、报错 draggable element must have an item slot：这报错也是因为没有写item插槽，按照上面的语法写了插槽后，这报错就能解决。
3、报错Item slot must have only one child：这是由于item插槽下有多个元素，应该只有一个div。哪怕是注释的div也会报错

 <draggable v-model="configDataArr">
      <template #item="{element,index}">
      <!--          {{element}}-->
      <div>{{element}}</div>
      </template>
  </draggable>复制

上面示例中div上面的元素已经注释，仍会出错。正确写法：

 <draggable v-model="configDataArr">
      <template #item="{element,index}">
      <div>
      //这里可以随意写
        {{element}}
      
      </div>
      </template>
  </draggable>复制