预加载路由会加载某个路由的组件,这些路由用户未来可能会导航到。这样可以更早获取组件,减少阻塞导航的可能性,从而提升性能。
NuxtLink 组件,Nuxt 已经会自动预加载必要的路由。在使用 navigateTo 时预加载路由。
// 我们不等待此异步函数,以避免阻塞渲染
// 此组件的 setup 函数
preloadRouteComponents('/dashboard')
const submit = async () => {
const results = await $fetch('/api/authentication')
if (results.token) {
await navigateTo('/dashboard')
}
}
preloadRouteComponents 不会生效。