preloadRouteComponents
preloadRouteComponents 允許您在 Nuxt 應用程式中手動預先載入個別頁面。
預先載入路由會載入使用者未來可能會導航到的指定路由的元件。這確保了元件可以更早取得,並且較不可能阻礙導航,從而提高效能。
如果您正在使用
NuxtLink
元件,Nuxt 已經會自動預先載入必要的路由。範例
當使用 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')
}
}
在伺服器上,
preloadRouteComponents
將不會有任何效果。