Vue में सशर्त समूह

कभी-कभी हमें एक साथ कई टैगों पर एक शर्त लगाने की आवश्यकता होती है। इस मामले में, हम उन्हें एक सामान्य मूल तत्व में संयोजित कर सकते हैं और उस पर शर्त लगा सकते हैं:

html<template>
  <div v-if="isAuth">
    <p>+++</p>
    <p>+++</p>
    <p>+++</p>
  </div>
</template>

कभी-कभी हम टैगों को एक सामान्य मूल तत्व में संयोजित नहीं करना चाहते हैं। इस मामले में उन्हें template टैग से संयोजित किया जा सकता है। यह टैग अन्य टैगों को समूहित करता है, लेकिन अंतिम लेआउट में शामिल नहीं होता है। आइए इस टैग पर एक शर्त लगाएं:

html<template>
  <template v-if="isAuth">
    <p>+++</p>
    <p>+++</p>
    <p>+++</p>
  </template>
</template>