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
将不起作用。