Nuxt Nation 大会即将到来。加入我们,时间为 11 月 12 日至 13 日。

preloadRouteComponents

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

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

如果您使用的是 NuxtLink 组件,Nuxt 已经自动预加载了必要的路由。
文档 > API > 组件 > Nuxt Link 中了解更多信息。

示例

在使用 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')
  }
}
文档 > API > 工具函数 > 导航到 中了解更多信息。
在服务器端,preloadRouteComponents 将不起作用。