在使用Vue js时，jsplumb的替代方案是什么？

Question

我正在用类星体框架和Vue js开发一个应用程序。最初，我使用拖放功能，并使用jquery 和jsplumb将它们与web应用程序中的连接器连接起来。

基本上，jsplumb库是jquery的插件，与Vue js相比，jquery占用了更多的内存空间。

因此，我考虑使用纯Vue js功能来满足我的需求。那么，是否有任何Vue js插件可以执行以下任务？

1)能够从一个容器中拖动块并将其拖放到另一个容器中的特定位置。

2)能够将端点(如jsplumb中所规定的)添加到已丢弃的块中。

( 3)并能在容器内的任何区块之间画出连接的链接。

那么，有没有办法用纯的Vue js和类星体来代替jquery和jsplumb？

Answer 1

根据文档：JSPlumb特征有一个vue版本，但看起来是付费的。

在另一部分中，它说“虽然jsPlumb不依赖于jQuery，但它也支持将jQuery选择器作为元素的参数(vanilla jsPlumb，因为jQuery的选择器对象是类似列表的，也就是说，它有一个length属性和索引访问器)。”所以您不需要jQuery来使用JsPlumb。我们找到掩护了。

然后，您可以使用拖曳，它也使用vue.sortable，用于拖放部分。

那么，如果您在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/

希望能帮上忙。