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

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



Чат с GPT Компилятор