【Vue.js】v-forとv-ifを連携して特定のdateにだけ効果を付与したい
以下のようにすることで、hpが300以上のmonsterにだけ、「強い！」という文字を足すことができます。
See the Pen
v-forとv-ifを連携して特定のdateにだけ効果を付与したい by りっしー (@hiwriterprogram)
on CodePen.
また、v-forと同じタグの中で、先ほどと同じ条件のv-ifを使用することによって、表示・非表示を切り分けることもできます。
See the Pen
pMybJW by りっしー (@hiwriterprogram)
on CodePen.
v-bind:keyって？
ちなみに、v-bind:keyをタグの中に設定しました。
これは、v-forによって大量生産される要素1つ1つに一意的なキーを付与するためです。
1つ1つに一意的なキーを付与することによって、データ更新をするときに他のデータを巻き込んで更新することを避けることができます！
