우리가 new Vue라는 코드를 삽입하여 vue 인스턴스를 생성하면 그 때부터 라이프 사이클이 돌기 시작한다. 출처 : https://kr.vuejs.org/v2/guide/instance.html#%EC%9D%B8%EC%8A%A4%ED%84%B4%EC%8A%A4-%EB%9D%BC%EC%9D%B4%ED%94%84%EC%82%AC%EC%9D%B4%ED%81%B4-%ED%9B%85 기본적인 이벤트와 라이프 사이클이 정의되면 brforeCreate라는 훅이 실행된다.
우리는 이 함수를 우리의 인스턴스의 옵션으로 정의하고 내부에 로직을 작성하게 되면 beforeCreate가 실행되는 시점에 액션을 시킬 수가 있다. 그 다음에 인젝션(외부 모듈, 기타 vue에서 필요한 기본적인 내용이 주입된 상태) 함수와 리액티비티(반응성)이 끝나면 created라는 훅이 발생하고 역시 해당 함수를 정의해 놓으면 그 시점에 실행된다.
일반적으로는 beforeCreate보다 created를 많이 사용한다. 왜...
![[Vue] 라이프사이클(lifecycle)](https://mblogthumb-phinf.pstatic.net/MjAyMjA1MTlfMTAw/MDAxNjUyOTQzNzM3MDIx.oUrBbcG5j9k0dUlWegaWimb3oBZoFhnsa_vIKiiywaog.cLo5LastkiVgbQ7azsZU3zE95ekOO3rIQmaEMRwL5Kkg.PNG.webdeveloping/vue.png?type=w2)
#
beforecreate
#
vuejs
#
라이프
#
라이프사이클
#
뷰
#
사이클
#
자바스크립트
#
패스트캠퍼스
#
패캠
#
vue
#
mounted
#
lifecycle
#
beforedestroy
#
beforemount
#
created
#
cycle
#
destroyed
#
hook
#
javascript
#
life
#
훅
원문 링크 : [Vue] 라이프사이클(lifecycle)
![[HTML] 전역 속성(5) - data](https://blogimgs.pstatic.net/nblog/mylog/post/og_default_image_160610.png)
![[국회의사당 / 여의도 점심] 한촌 설렁탕에서 김치만두설렁탕~](https://mblogthumb-phinf.pstatic.net/MjAyMjA3MDdfMjg4/MDAxNjU3MTY5NTUzMjE5.1wL-ufIE3OmJZIKv1u53mtvdhPkJPjGJFxvsALcMUfAg.g9Kon5i0RyRL8Qk-rxq6wy3Jg_t75owj37BhiGG3hq0g.JPEG.webdeveloping/KakaoTalk_20220707_134626711.jpg?type=w2)
![[신도림 맛집] 하우돈 곱창(곱창 철판)](https://mblogthumb-phinf.pstatic.net/MjAyMjA4MjFfMTQ3/MDAxNjYxMDU3NDI4MjA5.wNv--v6uXOy5hk6HGm9hyYQgVRRjr79RfXP_3XUXrNkg.I460QUkGCg8xgTiEJ18a8p5kSR4rDxbIAW4a9syulQMg.JPEG.webdeveloping/IMG_0325.JPG?type=w2)
