Условные группы в Vue
Иногда нам нужно наложить условие сразу на группу тегов. В этом случае мы можем объединить их общим родителем и наложить условие на него:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
Иногда нам не хотелось бы объединять теги
общим родителем. В этом случае
их можно объединить тегом template.
Этот тег объединяет другие теги,
но не попадает в итоговую верстку.
Давайте наложим условие на этот тег:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Пусть у вас даны три абзаца и кнопка. Сделайте так, чтобы по нажатию на кнопку эти абзацы скрывались.