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 は効果がありません。