Vue-da v-else-if direktivi

Bir nece v-if istifade etmek yerine v-else-if konstruksiyasindan istifade ede bilersiniz:

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

Tutaq ki, data-da asagidaki melumat saxlanilir:

javascriptdata() {
  age: 25,
}

Əgər age xüsusiyyəti 18-dən kiçikdirsə - ekranda 'yeniyetmə' göstərin, əgər o 19-dan 25-ə qədərdirsə - ekranda 'gənc insan' göstərin, əgər 26-dan böyükdürsə - ekranda 'kişi' göstərin.