Learn Nuxt with a Collection of 100+ Tips!

preloadRouteComponents

preloadRouteComponents позволяет вам вручную предзагружать отдельные страницы в вашем приложении Nuxt.

Предварительная загрузка маршрутов загружает компоненты заданного маршрута, к которому пользователь может перейти в будущем. Это гарантирует, что компоненты будут доступны раньше и менее вероятно, что они заблокируют навигацию, улучшая производительность.

Nuxt уже автоматически предзагружает необходимые маршруты, если вы используете компонент NuxtLink.
Узнать больше Docs > API > Components > Nuxt Link.

Пример

Предварительная загрузка маршрута при использовании navigateTo.

// мы не ожидаем эту асинхронную функцию, чтобы избежать блокировки рендеринга
// setup-функцией этого компонента
preloadRouteComponents('/dashboard')

const submit = async () => {
  const results = await $fetch('/api/authentication')

  if (results.token) {
    await navigateTo('/dashboard')
  }
}
Узнать больше Docs > API > Utils > Navigate To.
На сервере preloadRouteComponents не будет иметь никакого эффекта.