Vue · Junior · Запитання 60 з 75

Як застосувати `v-if` до кількох елементів, не додаючи обгортку `<div>`?

<template v-if="loggedIn">
  <h1>Welcome</h1>
  <p>You have new messages</p>
</template>

✓Правильна відповідь: Поставити v-if на невидимий елемент <template>
2Лише повторювати v-if на кожному елементі
3Використати <fragment v-if>

Пояснення

<template> не потрапляє в підсумковий DOM. Він працює також з v-for і v-else.

Де почитати

Vue: Conditional Rendering ↗

Перевірте себе

Пройдіть тест Vue · Junior: запитання й варіанти перемішуються, а наприкінці - розбір помилок.

Пройти цей тест