prefetchComponents

Nuxt 는 컴포넌트를 프리페치 할 수 있는 유틸리티를 제공한다.

 

프리페칭 컴포넌트는 백그라운드에서 코드를 다운로드한다. 이는 구성 요소가 렌더링에 사용될 가능성이 높다는 가정을 기반으로 하며 사용자가 요청할 경우 컴포넌트가 즉시 로드될 수 있도록 한다. 사용자가 명시적으로 요청하지 않고도 향후 사용을 위해 컴포넌트가 다운로드되고 캐시된다.

prefetchComponents 를 사용하여 Nuxt 앱에 전역적으로 등록된 개별 구성 요소를 수동으로 미리 가져온다. 기본적으로 Nuxt 는 이를 비동기 컴포넌트로 등록합니다. 파스칼 형식의 컴포넌트 이름을 사용해야 한다.

 

await prefetchComponents('MyGlobalComponent')

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

 

현재 preloadComponents 구현은 컴포넌트를 미리 가져오는 대시 preloadComponents 와 동일하게 작동하며 Nuxt 팀은 이 동작을 개선하기 위해 노력하고 있다.

서버에서 prefetchComponents 는 아무런 효과가 없다.