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