preloadComponents

Nuxt는 미리 로드된 컴포넌트를 제어할 수 있는 유틸리티를 제공한다.

 

컴포넌를 미리 로드하면 페이지에 곧 필요할 컴포넌트(렌더링 수명 주기 초기에 로드를 시작하려는 구성 요소)가 로드된다. 이렇게 하면 더 빨리 사용할 수 있고 페이지 렌더링을 차단할 가능성이 낮아져 성능이 향상된다.

 

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

 

await preloadComponents('MyGlobalComponent')

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

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