Vue-da şertli toparlar

Käte-de biz birnäçe tege birwagtda şert goýmaly bolýar. Bu ýagdaýda biz olary umumiy ata-teg bilen birleşdirip, şerti şol ata-tege goýup bileris:

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

Käte-de biz teglere umumiy ata-teg goşmak islemezlik edýäris. Bu ýagdaýda olary template tegi bilen birleşdirip bileris. Bu teg beýleki tegleri birleşdirýär, ýöne netijeli sahypa gurluşynda görünmeýär. Geliň bu tege şert goýaly:

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