라우트 미리 로드는 사용자가 앞으로 탐색할 수 있는 특정 라우트의 컴포넌트를 로드합니다. 이렇게 하면 컴포넌트가 더 일찍 사용 가능해져 탐색을 방해할 가능성이 줄어들어 성능이 향상됩니다.

예시

navigateTo를 사용할 때 라우트를 미리 로드합니다.

// 렌더링을 방해하지 않기 위해 이 비동기 함수를 기다리지 않습니다.
// 이 컴포넌트의 setup 함수
preloadRouteComponents('/dashboard')

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

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