დირექტივა v-else-if Vue-ში

რამდენიმე v-if-ის ნაცვლად შეგიძლიათ გამოიყენოთ კონსტრუქცია v-else-if:

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

Задание 1

დავუშვათ data-ში ინახება შემდეგი:

javascriptdata() {
  age: 25,
}

თუ თვისება age 18-ზე ნაკლებია - გამოიტანეთ ეკრანზე 'თინეიჯერი', თუ ის 19-დან 25-მდეა - გამოიტანეთ ეკრანზე 'ახალგაზრდა ადამიანი', ხოლო თუ 26-ზე მეტია - გამოიტანეთ ეკრანზე 'მამაკაცი'.