Tiny Bunny
[Vue.js] Vue 컴포넌트 데이터 전달 방법: Props & Emit
·
🖥️Frontend/Vue.js
Vue.js를 처음 배울 때 가장 헷갈리는 부분 중 하나가 바로 컴포넌트 간의 데이터 전달입니다.특히 부모 컴포넌트와 자식 컴포넌트가 어떻게 서로 소통하는지 이해하는 것은 Vue 개발의 핵심입니다.컴포넌트(Component)란?재사용 가능한 코드 블록으로, HTML, CSS, JavaScript를 하나로 묶은 독립적인 UI 요소입니다. 마치 레고 블록처럼 여러 컴포넌트를 조합해서 완전한 웹 애플리케이션을 만들 수 있습니다. 오늘은 Vue의 Props와 Emit을 통한 부모-자식 컴포넌트 통신을 완전히 이해해보겠습니다.Vue 컴포넌트 통신의 기본 원칙Vue에서 컴포넌트 간 데이터 흐름은 단방향입니다:부모 컴포넌트 ──(Props)──> 자식 컴포넌트부모 컴포넌트 Props: 부모 → 자식으로 데이터 전달E..