Life Cycle

Create
beforeCreate
1) 최초 호출
2) data, event 미생성

created
1) data, event 활성화
2) template, DOM 미생성
실행 순서 : 부모 -> 자식

Mount
beforeMount
1) template, component, DOM 생성

mounted
1) template, component, DOM 활성화
실행 순서 : 자식 -> 부모

Update
beforeUpdate
1) randering 직전 호출
2) data 변경 조회

update
1) randering 직후 실행
2) DOM 종속 연산 가능 (무한 루프 발생 가능)

Destory
beforeDestroy
1) instance remove 직전 호출

destroyed
1) instance remove 직후 호출
2) remove binding, listener, instance

아래 공식문서
https://v3.vuejs.org/api/options-lifecycle-hooks.html#beforemount

https://medium.com/witinweb/vue-js-%EB%9D%BC%EC%9D%B4%ED%94%84%EC%82%AC%EC%9D%B4%ED%81%B4-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-7780cdd97dd4