Vue.js v-ifの使い方

概要

Vue.jsでv-ifによる処理の方法を記載します。

記述方法

v-ifは以下のようにv-if, v-elseという形式で記載します。
タグは処理の内容によって変更してください。

<template v-if="条件">
   // 条件にあった場合の処理を書く
</template>

実例

<template v-if="A">
   // Aの場合の処理
</template>
<template v-else-if="B">
   // Bの場合の処理
</template>
<template v-else>
   // A,B以外の場合の処理
</template>

基本的には他のプログラム言語のif文と同じような感覚で使用できます。