[Vue] vue2 라이프 사이클

beforeCreate

• 가장 먼저 실행되는 훅
• data와 events 가 세팅되지 않은 시점

crated

• data 와 events 활성화 상태
• 템플릿과 가상돔은 렌더링 되지 않은 상태

beforeMount

• 템플릿과 렌더 함수들이 컴파일 된 상태 ( 렌더링 직전)

mounted

• 컴포넌트, 템플릿, 렌더링된 돔 접근 가능
• 모든 하위 컴포넌트가 마운트된 상태 보장 X ( 오히려 하위 컴포넌트가 먼저 생성 )

beforeUpdate

• 컴포넌트 데이터가 변하여 업데이트 사이클이 시작될때 실행
• 정확히는 재 렌더링되고 패치 되기 직전 실행

updated

• 데이터 변경 후 재 렌더링이 일어난 후 실행
• 무작위한 상태 변경 시 무한루프 가능성

beforeDestory

• 해체 (뷰 인스턴스 제거) 되기 직전에 호출
• 이벤트 리스너 제거

destoryed

• 뷰 인스턴스 제거 후 에 호출
• 모든 디렉티브 바인딩 해체, 이벤트 리스너 제거, 하위 인스턴스도 삭제