inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

Vue Router 학습 : 게시판 UI 만들기

강의와 상관은 없지만, 궁금한 점이 있어 질문드립니다.

121

이준영

작성한 질문수 2

0

예전에 제가 Vue를 사용할 때 아래와 같이 작업한 경험이 있습니다.

 

<template>

<template #title>{{ title }}</template>

<template #chart>...</template>

</template>

 

위에서 template에 #을 붙이는게 어떤 의미인지 기억이 안나서 그런데 혹시 아시나요? 구글링을 해도 안나와서 부득이하게 여기에 질문 남깁니다.

vue.js

답변 2

0

짐코딩

안녕하세요 🙂

해당 스펙은 Vue Named Slots 으로 검색하면 다양한 인사이트를 얻을 수 있을거예요 🙂

그리고 관련 공식문서 링크로 첨부드릴게요~!

 

https://vuejs.org/guide/components/slots.html#named-slots

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 이준영님.

Vue에서 <template #name> 문법은 슬롯(Slot) 기능과 관련이 있습니다. # 기호는 v-slot 디렉티브의 축약형으로, 슬롯의 이름을 지정할 때 사용됩니다. 이 방법은 특정 슬롯에 콘텐츠를 배치할 때 사용됩니다. 예를 들어, <template #title>은 컴포넌트가 제공하는 이름이 “title”인 슬롯에 해당 내용을 삽입하려는 의도를 나타냅니다.

슬롯은 컴포넌트 설계에서 유연성을 높여주며, 부모 컴포넌트에서 자식 컴포넌트로 콘텐츠를 전달하는 데 유용합니다.

자세한 설명은 다음과 같은 질문과 답변에서 찾으실 수 있습니다:
- v-slot 문법 관련 질문
- slot 사용 관련 문의

위의 링크를 통해 자세한 설명을 확인하시면, 이해에 큰 도움이 될 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

질문드립니다.

0

29

0

unplugin-vue-components 질문드립니다.

0

32

2

강의듣다가 헷갈려서 질문드립니다.

0

28

1

와 짐코딩님 강의 들으면서 느끼는게 많네요.

0

27

1

질문드립니다.

0

28

2

라우터 인스톨 후 실행안됨

1

47

2

코드 자동 포매팅 질문

0

67

2

필터 watchEffect 질문입니다.

0

50

1

json-server 오류가 다른게 뜨네요

0

111

1

미리보기가 안됩니당...

0

68

2

unplugin-vue-components

0

79

2

TypeError 질문

0

49

1

v-model="show" :show="show" 같이 사용?

1

53

1

hash 모드 배포의 필요성?

0

59

2

.eslintrc.cjs 가 없습니다

0

95

2

title,content값이 비어서 저장되는데 제가 혹시 어떤 부분을 잘못 작성했는지 ㅜㅜ 알고싶습니다.

0

97

3

_title_like: "", 문의드려요 해당 값을 설정하면 list가 아에 안나옵니다.

0

63

1

@click.prevent="params._page = pageNum"> 에 .value를 안쓰는 이유가 궁금합니다.

0

69

2

중첩된 컴포넌트 문제

0

74

2

교안에 있는 부분이 아닌가요?

0

109

2

useAxios Proxy(Object) RefImpl

0

113

1

axios timeout

0

324

3

컴포넌트 분리 부분에서 오류가 나요ㅠㅠ

0

167

2

This dependency was not found:

0

140

2