Programming/Vue.js
Vue 라이프싸이클
여사여사해
2019. 2. 8. 13:01
Lifecycle : Application이 가지는 생명 주기
단계) 객체 생성, 객체 변경(update), 객체 소멸 등
Lifecycle 속성 : 인스턴스 상태에 따라 호출할 수 있는 속성들
Lifecycle 속성 종류 |
설명 |
인스턴스 생성 | |
beforeCreate |
인스턴스가 생성되고 나서 가장 처음으로 실행되는 라이프 사이클 단계 |
created |
data 속성과 methods 속성에 정의된 값에 접근할 수 있는 단계 |
beforeMount |
el 속성에서 지정한 화면에 인스턴스를 부착하기 전에 호출되는 단계 |
mounted |
el 속성에서 지정한 화면 요소에 인스턴스가 부착되고 나면 호출되는 단계 template 속성에 정의한 화면 요소에 접근 가능. 화면 요소를 제어하는 로직을 수행하기 좋은 단계 |
인스턴스를 화면에 부착 | |
beforeUpdate |
관찰 중인 데이터가 변경되면 가상 돔으로 화면을 다시 그리기 전에 호출되는 단계 |
updated |
데이터가 변경되고 나서 가상 돔으로 다시 화면을 그리고 나면 실행되는 단계 |
인스턴스 내용 갱신 | |
beforeDestroy |
Vue 인스턴스가 파괴되기 직전에 호출되는 단계 |
destroyed |
Vue 인스턴스가 파괴되고 나서 호출되는 단계 |
인스턴스 소멸 |
책이랑 강의를 둘 다 보았지만.. 뭔가.. 굉장히 헷갈리는군...