透過 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 將不會有任何效果。