• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

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

23.12.22 11:18 작성 조회수 95

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로 선언하지 않은 속성이나 이벤트라는 점입니다.

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