인프런 커뮤니티 질문&답변

jekim님의 프로필 이미지
jekim

작성한 질문수

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

Non-Prop 속성 (fallthrough 속성)

메서드의 스코프 문의 드립니다.

작성

·

137

0

영상 11분

TheView component에서 MyButton component로 click event 속성 상속이 되었습니다.

MyButton component에는 sayHello 라는 메서드가 없는데, 실행이 된 것이 궁금합니다.


부모 component의 메서드들이 자식,손자 component 에서 사용할 수 있나요??

답변 1

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요 🙂

sayHello 메서드가 MyButton 컴포넌트에서 실행이 된 것은 아니고요,

Non-Prop 속성 이벤트 상속에 의해서 sayHello 메서드는 MyButton 컴포넌트가 아닌,

TheView 컴포넌트에서 실행이 되었기 때문입니다.

 

우리가 Emit를 배울때 자식 컴포넌트에서 발생(emit)시킨 이벤트로 부모 컴포넌트의 메서드를 실행 시킨 것처럼, Non-Prop 속성도 크게 다르지 않습니다. 자식에서 발생시킨 이벤트로 부모의 메서드를 실행 시킨것입니다. 다만 차이점은 Non-Prop 속성은 Props 나 Emit로 선언하지 않은 속성이나 이벤트라는 점입니다.

그리고 그러한 특성으로 해당 회차에서 처럼 자식 컴포넌트의 루트 엘리먼트 또는 컴포넌트에 상속되는 것이고요 🙂

 

jekim님의 프로필 이미지
jekim

작성한 질문수

질문하기