
[Vue] Vue 정리하기(7) - lifecycle hooks(생명주기 훅)
·
개발💻/Vue
오늘은 뷰 프론트엔드 개발에서 꼭 알아야 할 생명주기 훅에 대해 알아보겠다. 오늘도 마찬가지로 공식문서와 여러 블로그들을 참고했고 최대한 뷰3 기준으로 작성하겠다. (항상 하는 얘기지만 혹시나 잘못된 정보가 있다면 댓글에 남겨주시길ㅠㅠ) 음... 공식문서에 일단 이렇게 나와있는데 내가 지금 아는 부분과 중요하다고 생각하는 부분을 중점으로 봐보자 일단 기본적으로 vue3 (컴포지션api) 에서 라이프사이클 훅을 사용하려면 라이프사이클 명칭 앞에 on을 붙이면 된다 ex) onMounted(), onUpdated() 등등 created 먼저 이 부분 내가 뷰2로 프로젝트했을 때 가장 많이 사용했던 라이프사이클 훅이 created였던 거 같다 근데 자세히 보면 옵션 api 에만 beforeCreate, cre..