Vue.jsでtableタグのソート機能はデフォルトで存在していますよね。 ただ、tableタグ限定だったり、昔jQueryではやったtablesorterだと行をドラッグandドロップで場所を変更できましたが、Vue.jsのプラグインを入れてわずか4行で、ほぼセレクタを入れるだけで実装できるプラグインを紹介します。 npmでインストール npm install --save-dev vue-sortable vue.jsはすでによみこんでいるものとします。 gist 基本的にはcomponentのセレクタを指定して、あとはHTMLにソートしたい要素にlist-group-item、それをラップする要素にlist-groupというclassを当てるだけでドラッガバブルになります 簡単!
![Vue.js わずか4行でドラッガバブルなリストを実装する](https://cdn-ak-scissors.b.st-hatena.com/image/square/d7db0399f5d2f1163ccd0f7ef4d92ecaf0231fa3/height=288;version=1;width=512/http%3A%2F%2Fwww.kaasan.info%2Fwp-content%2Fuploads%2F2018%2F03%2Fvuejs-600x400.png)