nuxt logo

Traducción de Documentación (No Oficial)

preloadRouteComponents

preloadRouteComponents te permite precargar manualmente páginas individuales en tu aplicación Nuxt.

La precarga de rutas carga los componentes de una ruta dada a la que el usuario podría navegar en el futuro. Esto asegura que los componentes estén disponibles antes y es menos probable que bloqueen la navegación, mejorando el rendimiento.

Nuxt ya precarga automáticamente las rutas necesarias si estás utilizando el componente NuxtLink.

Ver también api > components > nuxt-link

Ejemplo

Precargar una ruta al usar navigateTo.

// no esperamos esta función asíncrona, para evitar bloquear la renderización
// de la función de configuración de este componente
preloadRouteComponents('/dashboard')

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

  if (results.token) {
    await navigateTo('/dashboard')
  }
}
Ver también api > utils > navigate-to

En el servidor, preloadRouteComponents no tendrá efecto.