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을 건다는 의미는 각각의 단계마다 코드를 실행 할 수 있게 하는 것이다.
중요한 내용이니 까먹지 말자.
'밥줄 > Vue.js' 카테고리의 다른 글
[Vue.js] Side Project Tools 만들기 (1) (1) | 2024.01.23 |
---|---|
[Vue.js]String Type 줄 바꿈 (0) | 2023.11.27 |
TypeScript intellisense is disabled on template 해결 (0) | 2022.08.31 |
[Vue.js 오류] Component name "" should always be multi-word (0) | 2022.07.06 |
[Vue.js]시작하기 (0) | 2022.07.06 |