Vue 라이프싸이클

2019. 2. 8. 13:01Programming/Vue.js

Lifecycle : Application이 가지는 생명 주기

단계) 객체 생성, 객체 변경(update), 객체 소멸 등



Lifecycle 속성 : 인스턴스 상태에 따라 호출할 수 있는 속성들


 Lifecycle 속성 종류

설명 

 인스턴스 생성

 beforeCreate

 인스턴스가 생성되고 나서 가장 처음으로 실행되는 라이프 사이클 단계

 created

 data 속성과 methods 속성에 정의된 값에 접근할 수 있는 단계

 beforeMount

 el 속성에서 지정한 화면에 인스턴스를 부착하기 전에 호출되는 단계

 mounted

 el 속성에서 지정한 화면 요소에 인스턴스가 부착되고 나면 호출되는 단계

 template 속성에 정의한 화면 요소에 접근 가능.

 화면 요소를 제어하는 로직을 수행하기 좋은 단계

 인스턴스를 화면에 부착

 beforeUpdate

 관찰 중인 데이터가 변경되면 가상 돔으로 화면을 다시 그리기 전에 호출되는 단계

 updated

 데이터가 변경되고 나서 가상 돔으로 다시 화면을 그리고 나면 실행되는 단계

 인스턴스 내용 갱신

 beforeDestroy

 Vue 인스턴스가 파괴되기 직전에 호출되는 단계

 destroyed

 Vue 인스턴스가 파괴되고 나서 호출되는 단계

 인스턴스 소멸



책이랑 강의를 둘 다 보았지만.. 뭔가.. 굉장히 헷갈리는군...


'Programming > Vue.js' 카테고리의 다른 글

Vue Component  (0) 2019.02.13
[실습] 라이프사이클  (0) 2019.02.12
Vue 인스턴스 생성과 옵션  (0) 2019.02.01
Vue Instance  (0) 2019.01.31
실습하기 - 완전 초급 단계!  (0) 2019.01.30