[Vue]LifeCycle

Vue 라이프사이클

컴포넌트는 웹페이지에 표시되기까지 일련의 step을 거침

create->mount(HTML로 바꿈)->컴포넌트 생성(data변경시)->update(컴포넌트 삭제시)

hook :life cycle중간에 무언가를 실행하게 할 수 있음
beforeCreated, created, beforeMount, beforeUpdate, updated, beforeUnmount 등

주의사항
this.으로 데이터에 접근하기 위해서는 함수들을 arrow function으로 작성해주어야 함

mounted(){
    // App.vue가 마운트 되고 나서
    // 배너 닫아주세요
    setTimeout(()=>{
  //실행할 코드~
  this.showDiscount=false;
}, 2000);
  },
  

서버에서 데이터 가져올 때도 lifecycle hook 안에 코드 짬
created,mounted를 주로 사용