პირობითი ჯგუფები 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>