結論
コンポーネントに表示させる項目を格納した配列を用意しておきます。入れ替えは用意しておいた配列の要素同士を入れ替える関数を作成すればOKです。その関数を実行すると、要素入れ替えのあと再レンダリングがかかり、リストの表示順が入れ替わったように見えます。
前提
- この記事ではCDN の Vue を使用しています。
- vue@3.3.4を使用しています
サンプルコード
See the Pen Untitled by kabuto64425 (@kabuto64425) on CodePen.
以上です。