Nuxt3 中文课程《实战全栈开发简书》限时优惠

preloadRouteComponents

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

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

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

示例

在使用navigateTo时预加载路由。

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

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

  if (results.token) {
    await navigateTo('/dashboard')
  }
}
Read more in Docs > API > Utils > Navigate To.
在服务器上,preloadRouteComponents没有任何效果。