Vue · Middle · Frage 24 von 75
Was passiert, wenn <script setup> ein await auf oberster Ebene enthält?
<script setup>
const user = await fetch("/api/me").then((r) => r.json());
</script>- 1Vue blockiert die ganze App, bis die Anfrage fertig ist
- 2Es ist ein Syntaxfehler, der das Kompilieren stoppt
- 3Die Komponente wird asynchron und braucht
<Suspense>
Antwort zeigen
Richtige Antwort: Die Komponente wird asynchron und braucht <Suspense>
Erklärung
<Suspense> wartet auf asynchrone Nachfahren und zeigt so lange seinen Slot #fallback. Es gilt weiterhin als experimentell, daher bevorzugen viele Teams einen expliziten Ladezustand.