nuxt logo

文档翻译(非官方)

preloadRouteComponents

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

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

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

另请参阅 api > components > nuxt-link

示例

在使用 navigateTo 时预加载路由。

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

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

  if (results.token) {
    await navigateTo('/dashboard')
  }
}
另请参阅 api > utils > navigate-to

在服务器上,preloadRouteComponents 将不起作用。