预加载路由会加载给定路由的用户未来可能会导航到的组件。这确保了组件更早可用,并且不太可能阻塞导航,从而提高了性能。
NuxtLink 组件,Nuxt 已经会自动预加载必要的路由。在使用 navigateTo 时预加载路由。
// we don't await this async function, to avoid blocking rendering
// this component's setup function
preloadRouteComponents('/dashboard')
const submit = async () => {
const results = await $fetch('/api/authentication')
if (results.token) {
await navigateTo('/dashboard')
}
}
preloadRouteComponents 将不产生任何效果。