v-ifv-if ディレクティブは、ブロックを条件に応じて描画したい場合に使用されます。ブロックは、ディレクティブの式が真を返す場合のみ描画されます。 <h1 v-if="awesome">Vue is awesome!</h1> これは、v-else で “else ブロック” を追加することも可能です: <h1 v-if="awesome">Vue is awesome!</h1> <h1 v-else>Oh no 😢</h1> テンプレートでの v-if による条件グループv-if はディレクティブなので、単一の要素に付加する必要があります。しかし、1 要素よりも多くの要素と切り替えたい場合はどうでしょうか?このケースでは、非表示ラッパー (wrapper) として提供される、<template> 要素で v-if を使用できます。最終的に描画される結果は、<template> 要