인프런 커뮤니티 질문&답변
작성한 질문수
Slot 에서의 data 전달 흐름; 자식에서 부모인데 event 가 아닌이유?
작성
·
313
0
자식 컴포넌트에서 부모로 data 전달 시 event( emit ) 을 사용하는게 대전제( props <-> emit ) 로 이해했습니다.
부모에서 자식의 slot 에서 넘겨준 data 를 사용하는데 event 없이 data 를 받을 수 밖에 없어서 였을까요?
자식은 정적 컴포넌트이기에 이벤트를 발생 시킬 수 없어서?
추가질문으로 props <> emit 관계는 반응형 data 에만 의미가 있을까요? ( 사용자와의 상호작용이 있는 data 같은 것 )
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
답변 1
0
안녕하세요 :)
Q1) 부모에서 자식의 slot 에서 넘겨준 data 를 사용하는데 event 없이 data 를 받을 수 밖에 없어서 였을까요?
A2) 제가 정확히 질문을 이해한게 맞다면 해당 질문은 Vue.js 스팩이라고 답변 드릴 수 있을 것 같습니다.
참고 링크 남겨드립니다. https://vuejs.org/guide/components/slots.html#scoped-slots
Q2) 추가질문으로 props <> emit 관계는 반응형 data 에만 의미가 있을까요? ( 사용자와의 상호작용이 있는 data 같은 것 )
A2) 꼭! 반응형 데이터만 의미있는 것은 아닙니다. 일반 데이터도 의미 있습니다. (예, 버튼 컴포넌트의 색상(color)을 지정 한다라던지, 크기(size)를 지정한다 라던지)
<MyButton color="red" size="12px" @click="sayHello">버튼</MyButton>감사합니다.