작성
·
339
1
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
안녕하세요, vue3 기본편부터 차근차근 수강중입니다.
이번 강의 말미에 AppCard.vue를 생성하고, 여기에 slot을 둠으로써 컨텐츠가 주입될 수 있도록 만들었습니다.
그런데, PostItem.vue에서 <AppCard>로 감싼 요소들에 v-slot(혹은 #) 으로 연동(!)을 하지 않아서, 아무 의미없는 slot이 아닌가 싶은데요.
제 이해가 잘못된 것일까요?
답변 1
1
안녕하세요 :)
<AppCard>
컴포넌트 콘텐츠에 HTML요소나 컴포넌트를 배치하게 되면 #default
슬롯으로 바인딩 됩니다. 그리고 AppCard 컴포넌트
는 PostItem 뿐만 아니라 다른곳에서도 사용할 수 있기 때문에 다른 슬롯(#header
, #footer
)을 정의한 예시입니다. 🙂
AppCard 컴포넌트
는 수업을 위한 예시일뿐 만약 필요가 없을 경우 슬롯을 정의하지 않으셔도 돼요~!