뷰(Vue.js)의 라이프 사이클

new Vue 인스턴스 생성

-> event/life cycle 초기화->beforeCreate->화면에 반응성 주입->created->el, template 속성 확인->template 내용을 render()로 변환->beforeMount->$el 생성 후, el 속성 값 대입->mounted

인스턴스 화면에 부착

->인스턴스 데이터 변경->beforeUpdate->화면 재 렌더링, 데이터 갱신->updated

** 해당 부분은 데이터 변경되는 경우에만 해당 **

인스턴스 내용 갱신

->인스턴스 접근 가능->beforeDestroy->컴포넌트, 인스턴스, 디렉티브 등을 모두 해제->destroyed