Die v-else-if Direktive in Vue

Anstelle mehrerer v-if kann man Konstruktionen mit v-else-if verwenden:

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

Angenommen, in data ist Folgendes gespeichert:

javascriptdata() {
  age: 25,
}

Wenn die Eigenschaft age kleiner als 18 ist - geben Sie 'Jugendlicher' auf dem Bildschirm aus, wenn sie zwischen 19 und 25 liegt - geben Sie 'junger Mensch' auf dem Bildschirm aus, und wenn sie über 26 liegt - geben Sie 'Mann' auf dem Bildschirm aus.