Slot 에서의 data 전달 흐름; 자식에서 부모인데 event 가 아닌이유?
363
작성한 질문수 4
자식 컴포넌트에서 부모로 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>감사합니다.
props로 함수를 전달했을 때의 질문입니다!
0
640
1
eslint 세팅 질문 드립니다.
0
1720
2
컴포넌트 이벤트 전파 관련 질문입니다
0
503
1
app-level의 provide한 값을 새로고침시 정상적으로 inject하지 못함.
1
531
1
this.$refs에 값이 들어가는 시점이 언제인가요?
0
836
1
npm run dev 설치중
0
626
2
reactive vs ref... 굳이 reactive를 사용하는 이유가 뭔가요?
1
1951
1
dummy api axios 호출시 cors 에러
0
539
1
19:17 emit 관련 질문
0
570
1
reactive로 선언한 반응형 객체 자체를 바꿨는데 watch 콜백함수가 실행이 안되요
0
573
1
자식 컴포넌트에 input 태그, checkbox 같은 form 태그가 없으면 v-model 안 쓰는건가요?
0
582
1
template내 자바스크립트 표현식 평가 시점은 언제인가요?
0
352
1
App.vue 물결 표시 제거 방법
0
378
1
v-if 질문입니다!
0
565
1
ref vs reactive vs shallowRef
0
654
1
script 태그는 컴포넌트를 처음 가져올때 한번만 실행된다는 게 잘 이해가 안됩니다
1
671
1
이벤트 핸들러로 왜 일반 함수로는 작동이 안 되나요? + console.log도 인식이 안되요
0
348
1
Vue3 Composition API - computed
0
461
1
setup 함수내 문자열 관련 질문입니다.
0
350
2
v-on:click ="" 질문입니다
0
352
1
v-on:click="" 질문입니다
0
239
1
v-for에서 style을 사용하려 할 때
0
377
1
reactive와 computed 차이 질문
0
1113
1
emits사용 이유
1
454
1





