Direktif v-else-if di Vue

Alih-alih beberapa v-if, Anda dapat menggunakan konstruksi v-else-if:

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

Misalkan dalam data disimpan berikut ini:

javascriptdata() {
  age: 25,
}

Jika properti age kurang dari 18 - tampilkan di layar 'remaja', jika antara 19 hingga 25 - tampilkan di layar 'pemuda', dan jika lebih dari 26 - tampilkan di layar 'pria dewasa'.