在Vue上嵌套可排序

Question

我一直在尝试使用Vue.js在php中创建类似于trello的看板。 我的问题是：我正在使用可排序的jquery UI对列表和卡片重新排序，但是即使列表中的列表和卡片按预期重新排序，卡片也不会连接到其他列表。由于Vue和Jquery的工作原理不同，所以到目前为止，我不得不使用不同的组件才能使其正常工作，但是我无法制作一张卡片来添加其他列表。

到目前为止，我有：https://codepen.io/anon/pen/qJEXxQ

我想要什么：

可排序的功能在这里：

mounted: function () {
    $(".list-sortable").sortable({
        items: ".column"
    });
    $(".list-sortable").disableSelection();
    $(".card-sortable").sortable({
        items: ".card",
        conectWith: ".card-sortable"
    });
    $(".card-sortable").disableSelection();
}

恐怕由于我不得不使用一个组件来处理列表，而不得不使用其中的另一个组件来处理卡，因此卡将无法与其他列表连接。

PD：我尝试了其他可排序的库，但是我无法安装npm，因此它们大多数都无法使用，这就是为什么我必须使其与可排序的jquery UI一起使用的原因。