상위 컴포넌트에서 하위 컴포넌트 이벤트 캐치
487
작성한 질문수 1
안녕하세요.
event bus를 사용하지 않고
상위 컴포넌트에서 발생한 이벤트를 하위 컴포넌트에게 전달하고 싶습니다.
뭔가의 값을 전달하는게 아닌 이벤트를 전달하고 싶습니다.
구조에 대해서 말씀드리겠습니다.
컴포넌트 한개(부모)에 하위 컴포넌트가 2개(자식들)가 있습니다.
하위의 컴포넌트들은 각각의 고유한 데이터를 가지고 있고 고유한 메소드를 가지고 있습니다.
그런데 부모 컴포넌트에서 예를 들면 update라는 이벤트가 발생을 하고
각각 하위 컴포넌트들에게 고유의 데이터를 업데이트하라는 event를 전달하고 싶습니다.
제가 생각하는 방법중 하나는 state에 변수하나를 생성을 하고
자식객체에서 변수의 값이 변경될 때를 캐치를 해서 메소드를 실행을 할 수 있을 것 같습니다만.
뭔가 이벤트를 전달하는게 아닌 것 같아서요.
혹은 다른 방법이 있다면 알려주시면 감사하겠습니다.
감사합니다.
답변 1
0
안녕하세요 dbehdtjr119님, 좋은 질문이네요. 해당 내용은 프레임워크 관점이 아니라 이벤트 캡처링 관점에서 접근하시면 좋을 것 같습니다 :) 관련 자료를 아래 첨부하였으니 한번 확인해보세요! :)
https://joshua1988.github.io/web-development/javascript/event-propagation-delegation/
node 10버전 사용
0
64
1
강의에 대해 질문 드립니다.
0
61
1
vue CLI 대신 vite를 사용해도
1
140
2
질문삭제
0
149
2
강사님 코드로 진행할 경우 console.log( config); 도 안찍혔어요. instance 를 생성해서 공통으로 사용하셨는데 loginUser 에만 커스텀한 instance를 넣으니 콘솔에 컨피그 객체가 찍혀요
0
92
1
로그인 에러발생만하면 네트워크 커넥션 에러 발생 해결
0
117
1
rndrmagkqslek.
0
73
1
계속 따라하다가 안돼서 bash에 연결할떄 안되더라구요
0
104
1
axios 에러가 뜹니다.
1
237
2
vue3로 진행하시면서 router에서 '*' 적용이 안되시는 분들
2
312
1
vue 관련 다른 강의 출시예정이없으신지 궁금합니다!
1
154
1
AppHeader.vue에 vue 디폴트 만들에 Delete `␍` 오류나면
1
195
1
vue3로 따라오시다가 import axios 에러 뜨시는 분들
2
445
2
$router 를 이용한 메인 페이지로 이동
1
290
1
혹시 node.js 10.24 버전으로 해도 상관없나요?
2
461
2
에러 경로가 LoginForm.vue 43번째줄 말고 다른 경로로 출력됩니다.
1
299
2
pinia 사용할려고 하는데 에러가 나옵니다.
1
486
2
swagger ui의 post/posts에 글 기록하려고 하면 unauthorized 에러가 납니다..
1
1104
2
safari 개발자 도구에 대한 질문입니다
1
568
2
스웨거에 글 등록시 401 에러가 나와요 ㅠ
1
722
2
이 에러 때문에 진행이 안되네요 ㅠ
1
675
1
windows .nvmrc nvm use 실행 오류
1
1547
2
강사님 최신화가 필요해보입니다.
2
960
2
npm i 에러
1
613
1