[ Nuxt.js ] Nuxt.js 에서 Component 삽입하는 방법

안녕하세요 상훈입니다.

Nuxt.js 에서 Components를 삽입하는 방법은 Vue.js 와 동일합니다. 

바로 App.vue |  Index.vue 에서 components를 넣는것이죠.

하지만, 차이점이 존재합니다. 

Vue.js -> Nuxt.js 에서는 import를 굳이 해줄 필요가 없습니다.

예시를 보여드리자면,

Hero Component 삽입

<Hero /> 컴포넌트를 삽입하였는데, script의 import가 존재하지 않는 것을 확인할 수 있습니다.

결과창에서도 Hero 컴포넌트가 잘 게시되어져 있는것을 확인 할 수 있습니다.

 

이게 가능한 이유는 Nuxt.config.js 에서 확인이 가능합니다.

Nuxt.config.js

해당 내용의 주석을 해석하자면, 자동으로 컴포넌트를 import 해주는 것입니다!

 

이상입니다.