# Условные группы в 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>`

Пусть у вас даны три абзаца и кнопка. Сделайте так, чтобы по нажатию на кнопку эти абзацы скрывались.

← →
↑