A v-else-if direktíva Vue-ban

Több v-if helyett használhatunk v-else-if konstrukciókat:

html<template>
  <p v-if="num == 1">egy</p>
  <p v-else-if="num == 2">kettő</p>
  <p v-else-if="num == 3">három</p>
  <p v-else>hiba</p>
</template>

Задание 1

Tételezzük fel, hogy a data a következőt tárolja:

javascriptdata() {
  age: 25,
}

Ha a age tulajdonság kisebb, mint 18 - jelenítsen meg a képernyőn 'tini'-t, ha 19 és 25 között van - jelenítsen meg 'fiatal felnőtt'-t, ha pedig 26 feletti - jelenítsen meg 'felnőtt férfi'-t.