Tingimuslikud rühmad Vue's

Mõnikord peame rakendama tingimust kohe tervele siltide rühmale. Sellisel juhul saame need ühendada ühise vanemaga ja rakendada tingimuse sellele:

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

Mõnikord ei sooviks me silte ühendada ühise vanemaga. Sellisel juhul saab need ühendada template sildiga. See silt rühmitab teisi silte, kuid ei ilmu lõplikku märgistusse. Rakendame tingimuse sellele sildile:

html<template>
  <template v-if="isAuth">
    <p>+++</p>
    <p>+++</p>
    <p>+++</p>
  </template>
</template>
Задание 1

Oletame, et teil on kolm lõigu ja nupp. Seadke nii, et nupu vajutamisel need lõigud peituksid.