ルートのプリロードは、ユーザーが将来的に移動する可能性のある特定のルートのコンポーネントを読み込みます。これにより、コンポーネントが早期に利用可能になり、ナビゲーションを妨げる可能性が低くなり、パフォーマンスが向上します。

例

navigateTo を使用する際にルートをプリロードします。

// この非同期関数を待機しないことで、レンダリングをブロックしないようにします
// このコンポーネントの setup 関数
preloadRouteComponents('/dashboard')

const submit = async () => {
  const results = await $fetch('/api/authentication')

  if (results.token) {
    await navigateTo('/dashboard')
  }
}