Vue.jsを用いてアプリケーションを構築するというのは、サスティナブルかつ拡張性に優れたコードを実現しながらも、ユーザーに快適な動作や体験を提供するという目的もあると思います。そんな優良なユーザー体験を提供する為のフロントエンド実装において、ドラッグアンドドロップ（以下、dnd）を用いた要素移動インタラクションは有効なアプローチの１つです。

Vue.jsでドラッグアンドドロップによる要素の並べ替えと移動を実装する

Author