inflearn logo
강의

Course

Instructor

Vue3 Perfect Mastery: From Basics to Practice - "Practical Edition"

Separation of common components (based on Vue.js 3 spec)

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

27

Minkoo Lee

44 asked

0

현재 공통컴포넌트 분리 강의 들으면서 느끼는게 많네요. 기본편을 다 들었음에도 순간순간 헷갈리는데 정리해놨던 것들 계속 보면서 보다보니 조금씩 익숙해지는거 같습니다.

먼가 머릿속에 순간 한번에 아직은 안그려지는게 있네요.

오히려 평소엔 기본편 정리해둔 내용을 계속 보는게 차라리 도움이 될 것 같습니다.

*Props, Emit

Props : 부모에서 자식으로 값 넘겨줄때

Props정의는 자식에서 객체로 type, required

Emit: 자식에서 부모로 이벤트 넘겨줄때
(자식에서 바로 수정안하고, 부모에 이벤트 넘겨서 수정)

Emits정의는 배열로 이벤트 이름 선언

*Slot

부모에서 넘겨주는 태그를 자식쪽에 넣을때

디폴트 slot사용하거나, Named Slot사용하거나

자식 slot에서 부모로 바인딩된 값을 넘겨주면

부모에선 v-slot="slotProps"로 받거나,

아예 구조분해할당해서 받아서 부모에서 사용

 

짐코딩님이 강의 준비를 위해 얼마나 공부하셨을지 감히 상상이 안되네요.
암튼 잘듣고 있습니다. 메일로 클로드 알려주셔서 일단 결제해놨습니다. 추후 들을 예정입니다. ㅎㅎ

vue.js

Answer 1

1

gymcoding

안녕하세요! 🙂

정리하신 내용 보니까 핵심을 정확하게 잡으셨네요! Props, Emit, Slot — 이 세 가지가 컴포넌트 통신의 전부라고 해도 과언이 아닌데, 헷갈리면서도 계속 보다 보면 어느 순간 자연스럽게 손이 먼저 나가게 돼요. 그 과정을 잘 가고 계신 것 같아서 보기 좋습니다 ㅎㅎ

클로드 강의까지 결제해주셨다니 감사해요! 앞으로도 함께 성장해요 💪

감사합니다 🙂

질문드립니다.

0

29

0

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

0

32

2

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

0

28

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

121

2

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

0

167

2

This dependency was not found:

0

140

2