[Vue] 뷰 lifeCycle 정리

 

1. lifeCycle  단계

 

- vue 의 lifeCycle 은 타 spa 들의 lifeCycle 과 같다.🙄

 

 

create 단계
⬇⬇
mount 단계
⬇⬇
컴포넌트 생성
⬇⬇
update 단계
⬇⬇
unmount 단계

 

 

---

 

2. lifeCycle  단계 특징

 

create 단계 : 데이터만 존재하는 단계

mount 단계 : template 안에 있는 애들을 html 로 바꿔줌

컴포넌트 생성 : index.html 에 장착함

update 단계 : 컴포넌트 수정 단계

unmount 단계 : 페이지 닫을 때

 

+ 😃

data 가 변하면
html 은 실시간 재랜더링
=> 컴포넌트가 실시간 재랜더링됨

 

---

3. lifeCycle  메소드

 

 

beforeCreate()
created()
beforeMount()
mounted()
beforeUpdate()
updated()
beforeUnmount()
unmounted()

+ 😃

서버에서 데이터 받아올 때: created(), mounted() 를 많이 씀