Vue 라이프싸이클
2019. 2. 8. 13:01ㆍProgramming/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 |