Vue · Senior · Запитання 22 з 75
Що дає лінива гідратація у Vue 3.5?
const Comments = defineAsyncComponent({
loader: () => import("./Comments.vue"),
hydrate: hydrateOnVisible(),
});- ✓Правильна відповідь: Відрендерені сервером асинхронні компоненти гідратуються лише за виконання умови, наприклад коли потрапляють у зону видимості
- 2Компоненти рендеряться лише на клієнті
- 3Гідратація виконується у Web Worker
Пояснення
Інші стратегії: hydrateOnIdle, hydrateOnInteraction і hydrateOnMediaQuery. HTML видно одразу, а JS для частин нижче першого екрана завантажується пізніше.