자식 컴포넌트에 있는 이벤트를 발생시키는것을 사용하는 용도가 궁금합니다.
299
12 asked
이걸 작성하고 테스트를 하다보니
자식쪽에서 만든 버튼과 부모쪽에서 만든 버튼이
부모의 화면에서 나오고 누르면 동일하게 작동을 하는데
어떤 경우에 사용하나요?
실제 사용 사례를 몰라서 필요성을 잘 못느끼겠어서요
Answer 2
0
제가 실무에서 사용했던 사례중에는 다음과 같은 경우가 있었습니다.
컴포넌트로 지도를 만들었습니다. 지도 컴포넌트는 자식 컴포넌트로 여러 컴포넌트에서 사용할 목적으로 만들었습니다.
부모 컴포넌트 중 하나는 사용자가 주소를 입력하고 조회 버튼을 누르면, 자식 컴포넌트인 지도 컴포넌트가 해당 주소 위치로 이동을 하는 것이였습니다.
그래서 부모 컴포넌트에서 조회 버튼을 누르는 순간 자식 컴포넌트의 지도를 특정 주소 위치로 움직이는 이벤트를 발생시켰습니다. 사실 이럴경우 이벤트가 아니라 자식 컴포넌트의 함수를 실행시켜도 됩니다.
그런데 왜 이런 기능을 자식 컴포넌트인 지도 컴포넌트 안에 주소를 입력하고 조회하는 UI가 같이 있으면 되는데, 이렇게 분리 한 이유는 이때 지도 컴포넌트는 어떤 화면에서는 조회의 기능을 담담해야하고, 어떤 화면에서는 이미 지정된 주소의 위치를 표시하는 기능을 가지고 있어서, 자식 컴포넌트 자체에 조회에 대한 UI가 들어있으면 안되는 상황이였습니다.
google login 를 따라하다가 오류 발생
0
937
1
Expected indentation of 2 spaces but found 4 오류
0
874
1
카카오 로그인 에러가 뜨세요
0
434
1
Multi-word질문드립니다.
0
234
2
설치 이후 npm run serve 화면 안나옴
0
651
1
vue cli 문제
0
361
2
요청드립니다.
0
160
0
eslint 에러발생
0
1384
1
main.js 질문드립니다.
0
228
1
vuex-persistedstate 는 동작 자체를 안하네요?
0
371
1
15강.조회화면 저장실습 - params안됨
0
286
1
array 넘겨주기
0
164
0
유튜브 4시간 강의와는 어떤 차이가 있을까요?
0
286
1
prefetch기능
0
738
1
테이블 list 랜더링 되지 않습니다.
0
254
1
펑션을 한 depth 더 들어가면 $호출이 안되는 이유가 뭘까요?
0
288
2
name 값이 없는 경우 오류
0
209
1
vue config 파일 문의
0
346
1
실무 레벨에서 공통코드(기준정보)는 어떻게 구현 할까요?
0
327
1
강의자료가 따로 있나요?
0
362
1
computed 대신 직접 this.$store.state.user 사용은 안되나요?
0
171
0
lazy-load의 성능에 대해서 질문이 있습니다.
0
205
0
Prefetch 관련 질문 드립니다.
0
143
1
저는 왜 하나의 단어가 지정이 안될까요?
0
313
1