V-else-if-direktiivi Vue:ssa

Useiden v-if:ien sijasta voit käyttää rakenteita v-else-if:

html<template>
  <p v-if="num == 1">yksi</p>
  <p v-else-if="num == 2">kaksi</p>
  <p v-else-if="num == 3">kolme</p>
  <p v-else>virhe</p>
</template>

Задание 1

Olkoon data:ssa tallennettuna seuraavaa:

javascriptdata() {
  age: 25,
}

Jos ominaisuus age on alle 18 - tulosta näytölle 'teini', jos se on 19:stä 25:een - tulosta näytölle 'nuori ihminen', ja jos yli 26 - tulosta näytölle 'mies'.