エンジニアのひよこ_level10

【毎日更新!】新卒3年目エンジニアブログです! プログラムだけじゃなく、マネジメントとかも書いていきたい!

【Vue】Vueの勉強始めようpart10(transition-groupでリストも管理)【538日目】

前回

www.nyamucoro.com

参考書籍

実際のコード

■プルリクエス

transition-group実装 by klack710 · Pull Request #25 · klack710/study-vue · GitHub

■作ったもの(ブランチはmaster参照なので、今後も更新されます)

過去のも含めて今日反映しました!

klack710.github.io

今回やったことは?

f:id:willow710kut:20190404012728g:plain

  1. transition-groupでモーション生成
  2. olを使って、データの変更タイミングを見る

学んだメモ

transition-groupにtagというデータをつけると、ulやolを切り替えられる。

デフォルトはulっぽい。

感想は?

いい感じ!簡単に動くの作れるのいいね!!!

あと、前回のブログに書いた、transitionが業務に使われているかって件ですが、
実務でバリバリ使っている方は使っているみたいです!!

ってことで、安心して勉強出来ます(‘ω‘ )いい話