Fast & Furious

💡 개요Vue.js에서 컴포넌트는 생성부터 소멸까지 다양한 단계를 거치는 “생명 주기”를 갖고 있습니다.개발자는 각 단계에서 “라이프사이클 훅(lifecycle hook)”을 활용하여 원하는 동작을 추가할 수 있습니다.본 글에서는 Vue 생명 주기의 전체 흐름, 각 라이프사이클 훅의 역할, 대표적인 활용 예제를 마크다운 형식으로 정리합니다.Vue 컴포넌트 생명 주기란?생명 주기(lifecycle)란 Vue 인스턴스 또는 컴포넌트가 생성되고, DOM에 마운트되고, 업데이트되며, 최종적으로 소멸되는 과정을 의미합니다.각 단계에서 개발자가 코드를 삽입할 수 있는 “라이프사이클 훅”이 존재합니다. 전체 생명 주기 단계 및 주요 훅1. 생성(Creation) 단계beforeCreate: 인스턴스가 초기화되기 전..

자식 컴포넌트의 변수로 부모 컴포넌트의 메서드를 동작시키고 반환 값을 다시 자식 컴포넌트로 가져오는 방법이 있다. 부모 컴포넌트 @up = "increase" increase로 정의된 메서드를 up이라는 이름으로 자식 컨포넌트에 넘겨준다. 자식 컴포넌트 {{ count }} CLICK context.emit('up', count) 'up'이라는 이름으로 부모 컨포넌트로 부터 전달 받은 메서드를 실행한다. 결론 vue를 사용해서 프로젝트를 진행하면 컨포넌트를 나눠서 진행하게 되는데, emit를 사용하면 부모컨포넌트의 메서드를 자식 컨포넌트에서 사용할 수 있다.