Suspense в Vue js: на что способен

Привет, Хабр!
Есть такой интересный компонент в Vue.js и называется он<Suspense>
. Он устроен так, чтобы собирать зависимые async-компоненты и показывать единый индикатор загрузки вместо кучи спиннеров. Проще говоря, пока внутренняя часть (слот #default
) ещё не готова из-за ожидания данных, показывается запасное содержимое из слота #fallback
. Как только все асинхронные зависимости разрешатся – снимаем запасной экран и выводим основное содержимое. По сути, <Suspense>
создаёт границу вокруг вложенных компонентов и контролирует их загрузку.