条件に合わせてCSSを変えたくてTransitionについて調べてみた。 でも、公式ガイドにあるサンプルを見ても今ひとつ理解できなかった。 ボタンを押して表示される、消えるだけなので、どんなときに使ってよいかイマイチわからない。 ということで、もうちょっと実践的なサンプルをつくってみた。 トランジションシステムとは Vue.js のトランジションシステムを使用すると、DOM から要素を取得したり削除するといったトランジションエフェクトを自動的に適用できます。Vue.js は自動的に、適切な時に、あなたのために CSS トランジションまたはアニメーションをトリガするため、CSS クラスを追加または削除し、そしてトランジションの間は、カスタム DOM の操作をするために、JavaScript フック関数を提供することができます。 引用元:トランジションシステム - vue.js (私が理解して