Vueにおけるv-else-ifディレクティブ
複数のv-ifの代わりに、
v-else-if構文を使用することができます:
<template>
<p v-if="num == 1">one</p>
<p v-else-if="num == 2">two</p>
<p v-else-if="num == 3">three</p>
<p v-else>error</p>
</template>
dataに次のデータが保持されているとします:
data() {
age: 25,
}
プロパティageが18未満の場合は画面に
'ティーンエイジャー'を、
19から25の場合は画面に'若者'を、
26より大きい場合は画面に'成人男性'を
表示してください。