Vueは画像のドラッグアンドドロップ機能を実装します

ディレクティブ: {
    ドラッグ: {
      // 命令の定義 bind: function(el) {
        // 現在の要素を取得します。let oDiv = el;
        oDiv.onmousedown = (e) => {
          // 要素に対するマウスの位置を計算します。let disX = e.clientX - oDiv.offsetLeft;
          disY = e.clientY - oDiv.offsetTop とします。

          ドキュメント.onmousemove = (e) => {
            // 要素に対するマウスの位置をマウスの位置から減算して、要素の位置を取得します。let left = e.clientX - disX;
            top = e.clientY - disY とします。

            oDiv.style.left = left + 'px';
            oDiv.style.top = top + 'px';
          };
          ドキュメント.onmouseup = () => {
            ドキュメント.onmousemove = null;
            ドキュメント.onmouseup = null;
          }
        }
      }
    }
    }

<div class="card" v-drag id="card">
<img src="../assets/logo.png" >
</div>

.カード{
  位置: 絶対;
  フロート: 左;
  幅: 200ピクセル;
  高さ: 200px;

}