Vue.js 19 라이프사이클

출처 : https://youtu.be/0mC7K2wOuJA (코지코더), https://youtu.be/4eiqU19ckNw(제로초)

사진출처 : vue.js공식문서

Vue 인스턴스의 생명주기

• beforeCreate() : 인스턴스가 생성되기 전
• created(): 인스턴스 생성완료 (this에 접근할 수 있음) -> 데이터가 준비됨 / 화면엔 안띄워짐
  

• beforeMount() : dom이 마운트 되기 전
  

• mounted() : 마운트 되었을 때 -> 화면에 띄워짐
  

• beforeUpdate() : 마운트 후에 데이터가 업데이트 되기 전

• updated() : 데이터가 업데이트 된 후

• beforeDestroy() : 인스턴스 종료되기 전

• destroyed() : 인스턴스 종료
  메모리 누수 방지를 위해 열어둔 이벤트리스너를 닫거나, 데이터초기화를 시킬 때 사용함