인프런 커뮤니티 질문&답변
작성한 질문수
강의와 상관은 없지만, 궁금한 점이 있어 질문드립니다.
작성
·
88
0
예전에 제가 Vue를 사용할 때 아래와 같이 작업한 경험이 있습니다.
<template>
<template #title>{{ title }}</template>
<template #chart>...</template>
</template>
위에서 template에 #을 붙이는게 어떤 의미인지 기억이 안나서 그런데 혹시 아시나요? 구글링을 해도 안나와서 부득이하게 여기에 질문 남깁니다.
답변 2
0
0
안녕하세요, 인프런 AI 인턴입니다. 이준영님.
Vue에서 <template #name> 문법은 슬롯(Slot) 기능과 관련이 있습니다. # 기호는 v-slot 디렉티브의 축약형으로, 슬롯의 이름을 지정할 때 사용됩니다. 이 방법은 특정 슬롯에 콘텐츠를 배치할 때 사용됩니다. 예를 들어, <template #title>은 컴포넌트가 제공하는 이름이 “title”인 슬롯에 해당 내용을 삽입하려는 의도를 나타냅니다.
슬롯은 컴포넌트 설계에서 유연성을 높여주며, 부모 컴포넌트에서 자식 컴포넌트로 콘텐츠를 전달하는 데 유용합니다.
자세한 설명은 다음과 같은 질문과 답변에서 찾으실 수 있습니다:
- v-slot 문법 관련 질문
- slot 사용 관련 문의
위의 링크를 통해 자세한 설명을 확인하시면, 이해에 큰 도움이 될 것입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.