preloadRouteComponents

源代码
preloadRouteComponents 允许你在 Nuxt 应用中手动预加载单个页面。

预加载路由会加载某个路由的组件，这些路由用户未来可能会导航到。这样可以更早获取组件，减少阻塞导航的可能性，从而提升性能。

如果你使用 NuxtLink 组件，Nuxt 已经会自动预加载必要的路由。
Read more in Docs > 4 X > API > Components > Nuxt Link.

示例

在使用 navigateTo 时预加载路由。

// 我们不等待此异步函数，以避免阻塞渲染
// 此组件的 setup 函数
preloadRouteComponents('/dashboard')

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

  if (results.token) {
    await navigateTo('/dashboard')
  }
}
Read more in Docs > 4 X > API > Utils > Navigate To.
在服务器端，preloadRouteComponents 不会生效。