预加载路线加载用户将来可能导航到的给定路线的组件。 这可确保组件更早可用并且不太可能阻塞导航,从而提高性能。
如果您使用 NuxtLink 组件,Nuxt 已经自动预加载必要的路由。
示例
使用 navigateTo
时预加载路线。
ts
// 我们不等待这个异步函数,以避免阻塞渲染
// 这个组件的设置函数
preloadRouteComponents('/dashboard')
async function submit() {
const results = await $fetch('/api/authentication')
if (results.token)
await navigateTo('/dashboard')
}
目前,在服务器上,preloadRouteComponents
将不起作用。