[Vue.js]Life Cycle 간단요약

Life Cycle 은 간단하게 개념만 정리하고 넘어가자.

 

components가 페이지에 출력되는 과정을 Life Cycle라고 한다. 

 

created => mounted => component 생성 => updated => unmounted 순서로

 

created는 데이터만 존재하는 단계

 

mounted는 <template>에 있던 태그들을 HTML로 전환 해주는 단계

 

component 생성단계는 만들었던 components 를 최상위에 index.html에 장착해주는 단계

 

updated는 components들을 재 렌더링이 되는 과정

 

unmounted는 components가 삭제되는 단계

---

Vue는 data가 변하면 실시간으로 html을 재 렌더링 해준다.

정확하게는 components 를 재 렌더링 하는것이다.

 

Lifr Cycle 이 중요한 이유는 각각의 단계마다 hook을 걸 수 있다.

hook을 건다는 의미는 각각의 단계마다 코드를 실행 할 수 있게 하는 것이다.

출처 https://vuejs.org/guide/introduction.html

중요한 내용이니 까먹지 말자.