inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

Slots

Slot 에서의 data 전달 흐름; 자식에서 부모인데 event 가 아닌이유?

363

보리싹

작성한 질문수 4

0

자식 컴포넌트에서 부모로 data 전달 시 event( emit ) 을 사용하는게 대전제( props <-> emit ) 로 이해했습니다.

부모에서 자식의 slot 에서 넘겨준 data 를 사용하는데 event 없이 data 를 받을 수 밖에 없어서 였을까요?

추가질문으로 props <> emit 관계는 반응형 data 에만 의미가 있을까요? ( 사용자와의 상호작용이 있는 data 같은 것 )

 

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

vuejs

답변 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