drag的api

dragstart：事件主体是被拖放元素，在开始拖放被拖放元素时触发。
darg：事件主体是被拖放元素，在正在拖放被拖放元素时触发。
dragend：事件主体是被拖放元素，拖动结束触发。

dragenter ：事件主体是目标元素，被拖动元素进入到目标区域时触发
dragover ：事件主体是目标元素，被拖动元素在目标区域移动时触发
dragleave ：事件主体是目标元素，被拖动元素离开目标区域时触发
drop ：事件主体是目标元素，,释放鼠标时触发。

vu中使用：

    <div class="box" @drop="drop($event)"
        @dragover="allowDrop($event)">
        <el-tag v-for="(tag, index) in targetList">{{tag.name}}</el-tag>
    </div>
    <div>
      <el-tag type="success" effect="dark" style="margin-right: 6px;"
        v-for="(item, idx) in list"
        :key="idx"
        draggable="true"
        @dragstart.native="dragStart($event, item)">{{item.name}}</el-tag>
    </div>