728x90
반응형
이게 이해가 안되서 라이프 사이클과 여러가지 속성을 공부했다.
개념
created 인스턴스가 작성된 후 동기적으로 호출됩니다. 이 단계에서 인스턴스는 데이터 처리, 계산된 속성, 메서드, 감시/이벤트 콜백 등과 같은 옵션 처리를 완료합니다. 그러나 마운트가 시작되지 않았으므로 $el 속성을 아직 사용할 수 없습니다.
mounted el이 새로 생성된 vm.$el로 대체된 인스턴스가 마운트 된 직후 호출됩니다. 루트 인스턴스가 문서 내의 엘리먼트에 마운트 되어 있으면, mounted가 호출 될 때 vm.$el도 문서 안에 있게 됩니다.
→ 공식문서에 의하면 el사용여부로 둘을 분류할 수 있다.
화면 출력
부모에서 created 훅 안에서 값을 변경하는 것이 아닌 mounted에서 변경해야 한다.
created는 data와 events가 활성화되어 접근할 수 있지만 템플릿과 가상돔은 마운트 및 렌더링되지 않은 상태이기 때문에 created가 실행되는 시점에 dom에 출력하지 않는다.
처음에 초기화된 number값은 자식에 전달되고, 그 값을 통해 자식은 가지고 있다. 그리고 부모에서 mounted 훅이 일어나 값을 변경하기 때문에, 자식은 값이 변했다는 것을 인지하고 watch를 발생한다.
💡 데이터 초기화 선언은 created가, 돔 조작(데이터 변형)은 mounted가 담당한다.
🔗 참고
728x90
반응형
