vuedraggable案例（实现列表相互拖拽增删的功能）

<template>
  <div class="row">
    <div class="col-4">
      <h3>表头1</h3>

      <draggable
        id="first"
        data-source="juju"
        :list="list"
        class="list-group"
        draggable=".item"
        group="a"
      >
        <div
          class="list-group-item item"
          v-for="element in list"
          :key="element.name"
        >{
  { element.name }}</div>

        <div
          slot="footer"
          class="btn-group list-group-item"
          role="group"
          aria-label="Basic example"
        >
          <!-- <button class="btn btn-secondary" @click="add">Add</button> -->
          <!-- <button class="btn btn-secondary" @click=