Vue-da v-else-if direktivasi

Bir nechta v-if o‘rniga v-else-if konstruksiyasidan foydalanish mumkin:

html<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>

Задание 1

data da quyidagilar saqlansin:

javascriptdata() {
  age: 25,
}

Agar age xususiyati 18 dan kichik bo‘lsa - ekranga 'o‘smir' chiqaring, agar u 19 dan 25 gacha bo‘lsa - ekranga 'yosh yigit' chiqaring, agar 26 dan katta bo‘lsa - ekranga 'erkak' chiqaring.