Vue.jsのtransitionにはCSSとJSフックがある

環境：Vue2・Vue3

Vue.jsでtransitionタグやtransition-groupタグを使用してアニメーションを実装する場合、
CSSのクラスを使用する方法とJavaScriptフックを使用する方法がある。

1.CSSクラスを使用する場合

Vueが用意してくれているcssクラスを使用する。
詳細は公式を確認お願いします。

2.Jsフックを使用する場合

Vueが用意してくれている関数等を使用する。
詳細は公式を確認お願いします。

どちらを使えばいいか

単純にCSSだけを使用するなら"1.CSSクラスを使用する場合"で問題ないと思われるが
もし「getBoundingClientRect()を使用して要素の高さを取得してからその数値を元に処理したい」など
jsの関数を使った処理が必要になる場合等はjsフックを使ったほうがシンプルに実装できそう。