Question

preloadRouteComponents 允许您在 Nuxt 应用程序中手动预加载各个页面。

预加载路线加载用户将来可能导航到的给定路线的组件。 这可确保组件更早可用并且不太可能阻塞导航，从而提高性能。

如果您使用 NuxtLink 组件，Nuxt 已经自动预加载必要的路由。

相关阅读：components > nuxt-link

示例

使用 navigateTo 时预加载路线。

ts

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

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

  if (results.token) {
    await navigateTo('/dashboard')
  }
}

相关阅读：utils > navigate-to

目前，在服务器上，preloadRouteComponents 将不起作用。