Vue · Junior · Pytanie 60 z 75

Jak zastosować `v-if` do kilku elementów bez dodawania wrappera `<div>`?

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

✓Poprawna odpowiedź: Umieścić v-if na niewidocznym elemencie <template>
2Tylko powtarzać v-if na każdym elemencie
3Użyć <fragment v-if>

Wyjaśnienie

<template> nie trafia do końcowego DOM. Działa też z v-for i v-else.

Do poczytania

Vue: Conditional Rendering ↗

Sprawdź się

Rozwiąż test Vue · Junior: pytania i odpowiedzi są tasowane, a na końcu czeka przegląd błędów.

Rozwiąż ten test