draggable使用

myArray: [
        { people: "cn", id: 1, name: "张三" },
        { people: "cn", id: 2, name: "李四" },
        { people: "cn", id: 3, name: "王五" },
        { people: "cn", id: 4, name: "钟馗" },
      ],

<draggable v-model="myArray">
      <transition-group>
        <div v-for="element in myArray" :key="element.id">
          {{ element.name }}
        </div>
      </transition-group>
    </draggable>

import draggable from "vuedraggable";

 components: {
    draggable,
  },