JavaScript/Vue

Vue 라이프사이클 (좀 더 자세히)

우롱차 2021. 3. 15. 16:13
728x90

beforeCreate : 가장 먼저 실행되는 훅

created : 실제 뷰컴포넌트 내에서 다양한 메소드, 특정데이터를 감지한다거나 데이터라는 옵션을 통해 화면상에 렌더링 되는 바인딩해야되는 컨트롤해야되는 부분을 코드로 만들어서 사용하게되는데 이런 옵션에대한 설정들을 완료하는 시점

beforeMount : 컴포넌트 안에 실제 컴포넌트가 돔에 추가되기 직전에 실행되는 

mounted : 컴포넌트가 돔에 추가된 후에 호출됌

beforeUpdate : 컴포넌트가 돔에 추가된 후에 재렌더링되기 직전에 이벤트 훅

updated : 재렌더링을 마치고나서 실행되는 이벤트 훅

beforeDestroy : 컴포넌트를 빠져나갈 때(다른 컴포넌트 이동할때) 컴포넌트가 제거되기 직전에 호출되는 훅

destroyed : 컴포넌트가 완전히 제거된 후에 호출되는 훅

 

훅 순서대로 코드를 작성해서 시점마다 필요한 코드를 작성해서 넣을 수 있음

 

참고 링크 : youtu.be/sqH0u8wN4Rs?t=1682

728x90

'JavaScript > Vue' 카테고리의 다른 글

v-for  (0) 2021.03.15
watch 란?  (0) 2021.03.15
Vue 기본 구성, router  (0) 2021.03.15
Vue 용 Bootstrap 사용하기  (0) 2021.03.15
vue-router  (0) 2021.03.15