메서드의 스코프 문의 드립니다.
188
작성한 질문수 1
영상 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로 선언하지 않은 속성이나 이벤트라는 점입니다.
그리고 그러한 특성으로 해당 회차에서 처럼 자식 컴포넌트의 루트 엘리먼트 또는 컴포넌트에 상속되는 것이고요 🙂
npm init vue@3.1.9
0
43
2
크롭 웹스토어 vue devtools 설치 관련
0
43
1
snippets 작성하는 부분 설명이 있었나요?
0
51
2
computed 의 set 함수를 통해 const 변수에 값을 담는 부분
0
57
2
소스 공유 어디서 해야하는지 궁금합니다
0
62
2
component 등록과 사용
0
59
2
강의교안
0
58
2
eslint 룰 관련 질문이 있습니다.
0
66
2
npm init -y 명령어 실행에 관한 질문
1
156
2
volar 가 마켓플레이스에 검색되지 않아 vue(official)을 설치했습니다.
1
169
2
깊은 감시자 질문
0
89
2
정리된 내용
0
157
2
화면이 왜 이렇게 뜨는걸까요?
0
188
2
왜 다르게 뜰까요..?ㅠㅠ
0
158
2
npm init vue , npm create vue@latest 명령 오류
0
295
2
강의를 듣다보니 궁금한 점 질문드립니다.
0
143
2
watch강의 질문
0
153
1
강의 듣다가 질문드립니다.
0
122
1
이벤트 처리 부분 강의 실습
0
141
2
v-pre는 설명이 없나요?
0
154
2
AppCard.vue 만들다 말고 오류가 갑자기 엄청 뜹니다
0
147
1
개발자도구 Vue 탭 관련 문의
0
241
2
강의를 인텔리제이로 수업따라가도 되져?
0
179
2
API 사용시 자동으로 import하는 기능은 어떤것을 설치해야 하나요?
3
282
2