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
將不會有任何作用。