Vue-ի v-else-if դիրեկտիվը
Մի քանի v-if-ի փոխարեն կարելի է օգտագործել
v-else-if կառուցվածքը.
<template>
<p v-if="num == 1">մեկ</p>
<p v-else-if="num == 2">երկու</p>
<p v-else-if="num == 3">երեք</p>
<p v-else">սխալ</p>
</template>
Թող data-ում պահպանվի հետևյալը.
data() {
age: 25,
}
Եթե age հատկությունը փոքր է 18-ից, արտածիր
էկրանին 'դեռահաս', եթե այն
19-ից 25 է, արտածիր էկրանին 'երիտասարդ
մարդ', իսկ եթե 26-ից ավելի է, արտածիր
էկրանին 'տղամարդ':