- 어떤 상황에서 해당 api가 요청 되는지 확인
- vue 라이프 사이클에 맞춰 api 요청
생성시 - created
돔이 올라온 뒤 - mounted
버튼 같은 이벤트 발생 후 - methods
일반적으로 가장 많이 사용하는 mounted훅은 가상 DOM의 내용이 실제 DOM에 부착되고 난 이후에 실행된다.
this.$el을 비롯한 data, computed, methods, watch 등 모든 요소에 접근이 가능.
일반적으로 부모와 자식 컴포넌트 간의 mounted훅 순서는 자식 컴포넌트의 mounted 훅 이후에 부모 컴포넌트의 mounted 훅이 발생하는데, 자식 컴포넌트가 서버에서 비동기로 데이터를 받아오는 경우처럼 부모의 mounted훅이 모든 자식 컴포넌트가 마운트 된 상태를 보장하지는 않음.
따라서 'this.$nextTick' 를 이용하면, 모든 화면이 렌더링 된 이후에 실행되므로 마운트 상태를 보장할 수 있음.
먐미