前回
参考書籍
実際のコード
■プルリクエスト
transition-group実装 by klack710 · Pull Request #25 · klack710/study-vue · GitHub
■作ったもの(ブランチはmaster参照なので、今後も更新されます)
過去のも含めて今日反映しました！
今回やったことは？
- transition-groupでモーション生成
- olを使って、データの変更タイミングを見る
学んだメモ
transition-groupにtagというデータをつけると、ulやolを切り替えられる。
デフォルトはulっぽい。
感想は？
いい感じ！簡単に動くの作れるのいいね！！！
あと、前回のブログに書いた、transitionが業務に使われているかって件ですが、
実務でバリバリ使っている方は使っているみたいです！！
ってことで、安心して勉強出来ます(‘ω‘ )いい話
業務でもバリバリでtransitionタグ使います。
— 果物リン (@FruitRiin) 2019年4月4日
振る舞いとしては<transition>タグは疑似タグになっていて、直近の子になるタグに自動でクラスを付与しています。時間経過で4つのクラスを付けたり剥がしたりしてますね。あえて自分でクラスを付与してもいけますが、よく使うので便利機能です https://t.co/ZtRbX4l8jV
