Ehdolliset ryhmät Vue:ssa

Joskus meidän on asetettava ehto koko tagiryhmälle kerralla. Tässä tapauksessa voimme yhdistää ne yhteiseksi pääelementiksi ja asettaa ehdon sille:

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

Joskus emme haluaisi yhdistää tageja yhteiseksi pääelementiksi. Tässä tapauksessa ne voidaan yhdistää template-tagilla. Tämä tagi yhdistää muita tageja, mutta ei päädy lopulliseen renderöityyn HTML:ään. Asetetaan ehto tälle tagille:

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