created
인스턴스가 작성된 후 동기적으로 호출됩니다. 이 단계에서 인스턴스는 데이터 처리, 계산된 속성, 메서드, 감시/이벤트 콜백 등과 같은 옵션 처리를 완료합니다. 그러나 마운트가 시작되지 않았으므로 $el 속성을 아직 사용할 수 없습니다.
가장 먼저 호출됨.
태그를 생성이 완료가 안돼서 태그를 찾거나 클릭하는 게 불가능하다
DOM 접근 불가 ex) 벡엔드로 데이터를 받는 것
백엔드로부터 데이터를 받아서 클릭하는 것 불가능
mounted
el 이 새로 생성된
vm.$ el 로 대체된 인스턴스가 마운트 된 직후 호출됩니다. 루트 인스턴스가 문서 내의 엘리먼트에 마운트 되어 있으면, mounted가 호출 될 때 vm.$el도 문서 안에 있게 됩니다.
virtual dom 을 사용할 수 있다. 컴포넌트, 템플릿, 렌더링된 돔에 접근 가능
ex) 태그를 조작, 클릭 등을 수행
사용에 있어, 하나의 예로 created는 데이터 초기화에 대한 목적, mounted는 DOM 조작에 대한 목적으로 사용할 수 있다.
한 걸음씩 나아가자