Chỉ thị v-else-if trong Vue

Thay vì sử dụng nhiều v-if, có thể sử dụng cấu trúc v-else-if:

html<template>
  <p v-if="num == 1">một</p>
  <p v-else-if="num == 2">hai</p>
  <p v-else-if="num == 3">ba</p>
  <p v-else>lỗi</p>
</template>

Задание 1

Giả sử trong data lưu trữ nội dung sau:

javascriptdata() {
  age: 25,
}

Nếu thuộc tính age nhỏ hơn 18 - hãy hiển thị trên màn hình 'thanh thiếu niên', nếu nó từ 19 đến 25 - hãy hiển thị trên màn hình 'người trẻ tuổi', và nếu lớn hơn 26 - hãy hiển thị trên màn hình 'người đàn ông'.