안녕하세요.

최근에 웹개발을 도전하고 있는 초보 웹 프로그래머 입니다.

프론트앤드를 Vue를 통하여 개발 하고 있습니다.

컴포넌트간에 전송하는 방식중에 '이벤트 버스'기능이 있다고 알고있습니다.

 

이 이벤트 버스 기능을 이용하여 데이터를 받은 다음, 그 받은 데이터를 통해서

axios.get 요청을 보내려고 했습니다..

 

원하는 결과가 나오지 않아 문제가 있다는 것을 확인했고

크롬 개발자 네트워크 창을 확인해보니..

 

localhost:1234/?name=undefined 으로 요청을 보내는 겁니다..

분명히 이벤트 버스를 먼저 실행을 하고 axios.get요청을 보냈는데, 왜 이런 상황이 발생한지 모르겠습니다.

vueDevtool을 통해 data 부분을 확인했을때, 데이터는 정상적으로 있었습니다..

 

생각을 해봤을 때, 이벤트 버스가 실행은 되고 데이터를 아직 다 안받아온 순간에 axios.get이 실행이 되고, 아직 데이터를 못받아왔으니, 

localhost:1234/?name=undefined 이런식으로 요청을 보내는 것 아닌가 싶습니다..

 

아직 자바스크립트에 대해 제대로 아는 것이 없어서 어떤 방식으로 해결해야할지 모르겠습니다..

 

이걸 해결하기 위해서 하루 종일 구글링을 해봤지만, 해결할 기미가 보이지 않아 이렇게 글을 올리게 되었습니다.

 

github 링크나 아니면 코드 사진이 필요하다면, 말씀해주신다면 바로 올리겠습니다.

 

답변에 대해 미리 감사의 말씀 드립니다.