인프런 커뮤니티 질문&답변

이은혜님의 프로필 이미지

작성한 질문수

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

slot을 이용한 사용자 프로필 컴포넌트 구현

div, tamplate slot 관련

해결된 질문

21.03.08 15:20 작성

·

311

1

안녕하세요.

slot 을 div에 적용했을 때와 template 에 적용했을 때 궁금한 점이 있습니다.

<div class="time"><slot name="time"></slot></div> 일 때

1. <div slot="time"></div> 로 적용하면

<div class="time"><div>slot 내용</div></div> 이렇게 나오고

2. <template slot="time"></template> 로 적용하면

<div class="time">slot 내용</div> 로 나오는게 맞나요??

template 태그로 slot을 불러오면 div, p 등의 태그 없이 컨텐츠 내용만 불러오는게 맞나요??

답변 1

2

장기효(캡틴판교)님의 프로필 이미지

2021. 03. 10. 13:23

안녕하세요 은혜님, 작성해주신 예시가 적합하진 않은 것 같아요. slot 개념은 아래 문서로 다시 확인해 보시면 좋을 것 같고 template 태그는 화면에 그려질 때 HTML 태그가 없습니다 :)

https://joshua1988.github.io/vue-camp/reuse/slots.html

이은혜님의 프로필 이미지
이은혜
질문자

2021. 03. 10. 14:10

답변 감사합니다, 관련해서 다시살펴봐야겠네요 :-)