목록evnet-emit (1)

ksundev 님의 블로그

싱글 파일 컴포넌트(SFC)의 props & event emit

개요Vue 3의 Single File Component(SFC)에서 부모-자식 컴포넌트 간의 데이터 통신은 props와 emit을 통해 이루어집니다. 이번 포스트에서는 실제 예제를 통해 이 두 개념을 자세히 살펴보겠습니다.Props: 부모에서 자식으로 데이터 전달Props란?Props는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 방법입니다. 자식 컴포넌트는 props를 통해 받은 데이터를 읽기 전용으로 사용할 수 있습니다.예제 코드 분석부모 컴포넌트 (App.vue) 자식 컴포넌트 (AppHeader.vue) {{ appTitle }} 타이틀 변경Props 사용법부모에서 props 전달: :appTitle="message" 형태로 v-bind를 사용자식에서 props 정의: prop..
[개발] Vue.js/기본 2025. 6. 25. 15:22
이전 Prev 1 Next 다음