Պայմանական խմբերը 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>
Задание 1

Ենթադրենք ձեզ տրված են երեք պարբերություն և կոճակ: Կատարեք այնպես, որ կոճակի վրա սեղմելիս այդ պարբերությունները թաքնվեն: