Vue में v-else-if डायरेक्टिव

कई v-if के बजाय आप 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

मान लें कि data में निम्नलिखित संग्रहीत है:

javascriptdata() {
  age: 25,
}

यदि age गुण 18 से कम है - स्क्रीन पर 'किशोर' प्रदर्शित करें, यदि यह 19 से 25 के बीच है - स्क्रीन पर 'युवा' प्रदर्शित करें, और यदि 26 से अधिक है - स्क्रीन पर 'वयस्क' प्रदर्शित करें।