2020-08-04 Life Cycle

#Vue.js 

 

프로젝트 작업 중 created로 API Call을 하고, 값을 Component Data에 저장하여 

mounted에서 데이터를 가공하려고 했는데, created에서 API 응답으로 Data에 저장한 값을

mounted에서 찾지 못하는 현상이 생겨 고생했다. 

 

나의 지식으로는, created에서 API Call을 하면, Life Cycle에서 created 후 mounted가 되기 때문에 

값을 가져올 수 있을 거라 생각했는데, 그게 아니었다. 

 

정확한 Vue Life Cycle의 로직을 알 순 없지만, Created에서 함수를 부르면 함수는 갈길가고, 

mounted도 갈길을 가서 이어지지 않는건가...? 라는 생각이 들었다.

 

결국 한시간 정도 디버깅하며 mounted 내에서 API Call을 하고 값을 가공하여 해결은 했다. 

Vue Life Cycle을 조금 더 깊이 파봐야겠다.