はてなブックマーク

この記事を書こうと思ったきっかけ 先月Vue.jsを使いWebアプリケーションを使う機会があったのですが オブジェクトのデータを表示するかしないかの判定をv-ifとv-showのどちらを使用してやるかを悩みながら実装していたのですが 実装していく中で違いが明確にわかるパターンのコードを見つけたので議事録的な意味を含めて記事にまとめておこうと思います ベースにするコード HelloWorld.vue <template> <div class="hello"> <div v-for="box in boxs" :key="box.name" :style="[setSize(box)]"> {{ box.name }} </div> </div> </template> <script> export default { name: 'HelloWorld', data () { retur