nuxt logo

문서 번역(비공식)

prefetchComponents

Nuxt는 컴포넌트의 프리페칭을 제어할 수 있는 유틸리티를 제공합니다.

컴포넌트를 프리페칭하면 백그라운드에서 코드를 다운로드합니다. 이는 컴포넌트가 렌더링에 사용될 가능성이 있다는 가정에 기반하며, 사용자가 요청할 경우 컴포넌트를 즉시 로드할 수 있게 합니다. 사용자가 명시적으로 요청하지 않아도 컴포넌트는 예상되는 미래 사용을 위해 다운로드되고 캐시됩니다.

prefetchComponents를 사용하여 Nuxt 앱에 전역으로 등록된 개별 컴포넌트를 수동으로 프리페칭할 수 있습니다. 기본적으로 Nuxt는 이러한 컴포넌트를 비동기 컴포넌트로 등록합니다. 컴포넌트 이름의 PascalCase 버전을 사용해야 합니다.

await prefetchComponents('MyGlobalComponent')

await prefetchComponents(['MyGlobalComponent1', 'MyGlobalComponent2'])

현재 구현은 preloadComponents와 정확히 동일하게 작동하며, 단순히 프리페칭하는 대신 컴포넌트를 프리로딩합니다. 이 동작을 개선하기 위해 작업 중입니다.

서버에서는 prefetchComponents가 효과가 없습니다.