エンジニアのひよこ_level10

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

【Vue】Vueの勉強始めようpart5(モンスターとの戦闘)【526日目】

前回

www.nyamucoro.com

参考書籍

実際のコード

■プルリクエス

モンスターとの戦闘を実装 by klack710 · Pull Request #12 · klack710/study-vue · GitHub

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

klack710.github.io

今回やったことは?

  1. v-ifでhtmlの要素削除
  2. methodでデータを操作

学んだメモ

  1. v-ifでは、要素をコメントアウトするので、実質削除
  2. v-showでは、要素を非表示なので、見えないだけ
  3. dataのキーに任意の名前をつけていても、data_list['key']って感じで書ける

感想は?

だんだんそれっぽいものが作れるようになりましたね。

プルリク見るとわかりますが、結構いろんな機能をつけたわりには、記述量は少ないです。

いい感じ。次に進みましょう!