Vue'da Koşullu Gruplar

Bazen bir grup etikete aynı anda koşul uygulamamız gerekir. Bu durumda onları ortak bir ebeveyn ile birleştirip koşulu buna uygulayabiliriz:

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

Bazen etiketleri ortak bir ebeveynle birleştirmek istemeyiz. Bu durumda onları template etiketiyle birleştirebiliriz. Bu etiket diğer etiketleri bir araya getirir, ancak son HTML çıktısında görünmez. Bu etikete bir koşul uygulayalım:

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