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
.
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.
※Esta página es una traducción no oficial de la documentación oficial de Nuxt.js.
La página correspondiente en la documentación oficial está aquí:
https://nuxt.com/docs/3.x/api/utils/preload-route-components