透過 100+ 個技巧學習 Nuxt!

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 > 工具 > Navigate To 以了解更多資訊。
在伺服器端,`preloadRouteComponents 將不會有任何作用。