Vue · Senior · Frage 22 von 75
Was ermöglicht die Lazy Hydration in Vue 3.5?
const Comments = defineAsyncComponent({
loader: () => import("./Comments.vue"),
hydrate: hydrateOnVisible(),
});- 1Komponenten werden nur auf dem Client gerendert, nie beim SSR
- 2Asynchrone Komponenten hydrieren erst, wenn eine Bedingung erfüllt ist
- 3Die Hydration wandert in einen Web Worker abseits des Hauptthreads
Antwort zeigen
Richtige Antwort: Asynchrone Komponenten hydrieren erst, wenn eine Bedingung erfüllt ist
Erklärung
Weitere Strategien sind hydrateOnIdle, hydrateOnInteraction und hydrateOnMediaQuery. Das HTML ist sofort sichtbar, aber das JS für Teile unterhalb des sichtbaren Bereichs lädt später.