IT/vue 3

[vue] props에 대한 설명

Vue의 props는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하기 위한 속성입니다. 컴포넌트 간 데이터를 공유할 때 매우 중요한 역할을 합니다.기본 사용법부모 컴포넌트에서 데이터를 전달할 때 HTML 속성처럼 작성자식 컴포넌트에서는 props 옵션으로 해당 데이터를 받을 준비를 합니다 {{ title }} Props에 대한 주요 특징1. 단방향 데이터 흐름부모 -> 자식으로 데이터가 전달되고, 자식은 이 데이터를 직접 수정하면 안 됩니다. 만약 수정이 필요하다면, 자식에서 이벤트를 발생시키거나 computed를 사용해야 합니다.2. 유효성 검사props는 단순히 문자열 배열로 정의할 수도 있지만, 더 복잡한 설정이 가능해. 예를 들어 타입, 필수 여부, 기본값 등을 설정할 수 있습니다p..

IT/vue 2024.11.17