Vue2

Vue2의 Lifecycle

Vue2의 컴포넌트는 Create -> Mount -> Update -> Destroy 로 구성된 라이프사이클을 가진다. 그리고 각 라이프사이클의 직전과 직후에 호출되는 훅이 존재한다. 1. Create 각 컴포넌트의 Vue 인스턴스에 option으로 들어가는 data, method 등이 초기화되는 시점이다. 1-1. beforeCreated 잘 안쓴다. 1-2. created 렌더링과 무관하게 api 를 통해 데이터를 받아와야하는 부분에서 유용하게 쓸 수 있다. HTML 삽입 미리보기할 수 없는 소스 2. Mount 컴포넌트가 DOM에 렌더링된 시점이다. 유의할 점은 부모 컴포넌트의 Mounted가 자식 컴포넌트의 Mounted보다 나중에 호출된다는 점이다. 그래서 부모의 Mounted 훅에서 자녀의 ..