Vue jsを使用しているときにjsplumbの代替手段は何ですか？

Question

私はquasarフレームワークとVue jsを使ってアプリケーションを開発しています。最初は、ドラッグ＆ドロップ機能を使用して、jquery UIとjsplumbを使用して、Webアプリケーションのコネクタとリンクしました。

基本的に、jsplumbライブラリはjquery用のプラグインであり、jqueryはVue jsと比べてより多くのメモリ領域を占有します。

私は、私の要件のために純粋なVue js機能を使用することを考えました。それで、以下のタスクを実行するVue jsプラグインはありますか？

1）1つのコンテナからブロックをドラッグして別のコンテナの特定の場所にドロップすることができます。

2）jsplumbに提供されるドロップブロック

3）（エンドポイントを追加すること）と容器内の任意のブロック間の接続リンクを描くことができます。

だから、唯一の純粋なVueのJSとクエーサーでjqueryのとjsplumbを交換する方法はありますか？

Answer 1

ドキュメントごと：JSPlumb features vueバージョンがありますが、支払われたようです。

はまた、他の部分ではjsPlumbはjQueryのに依存しませんが、jQueryのセレクタのオブジェクトはリストに似ているので、それはまた、すなわち、要素（バニラjsPlumbの引数としてjQueryのセレクタをサポートしています」と言う。それはlengthプロパティとインデックス付きアクセサを持っています）。 "したがって、JsPlumbを使用するためにjQueryは必要ありません。私たちはそのカバーを持っています。

次に、ドラッグアンドドロップの部分では、vue.sortableも使用するDraggableを使用できます。

Jqueryにjsplumbのセレクタが既にある場合はどうなりますか？あなたは、このセレクタ方式でのjQueryを置き換えることができます：ここから

window.$ = function(selector) { 
    var selectorType = 'querySelectorAll'; 

    if (selector.indexOf('#') === 0) { 
     selectorType = 'getElementById'; 
     selector = selector.substr(1, selector.length); 
    } 

    return document[selectorType](selector); 
}; 

スニペット：https://blog.garstasio.com/you-dont-need-jquery/selectors/

はそれがお役に立てば幸いです。