【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']って感じで書ける

感想は？

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

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

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