[Vue] Vue3 컴포넌트 안에서 다른 컴포넌트를 쓰고 싶을 때

 

🟩 components

components는 import로 가져온 Vue 컴포넌트를 사용하기 위해 import 한 이름으로 등록합니다.

그리고 등록된 Vue 컴포넌트는 <template>에서 태그로 사용되어야 합니다.

 

Champion.vue라는 컴포넌트에서 BanPick.vue라는 컴포넌트를 쓰고 싶습니다. 

 

🟩 그럴 때는 Champion.vue에서 Banpick컴포넌트의 export name을 import 해야합니다. Bacpick의 export name은 BanReccomend 이니 BanReccomend를 import 해줍니다.

 

🟩 그리고 Champion.vue에서 components라는 것으로 vue 객체에게 "컴포넌트안에 컴포넌트를 등록한다"는 표시를 해줍니다.

🟩 가져온 컴포넌트를 태그로 사용하면 됩니다.