props 속성

상위에서 하위 컴포넌트로 데이터 전달하기

 

props는 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달할 때 사용하는 속성

props 속성을 사용하려면 먼저 하위 컴포넌트의 속성에 정의

그런 다음 상위 컴포넌트의 html코드에 등록된 child-component 컴포넌트 태그에 v-bind 속성을 추가

 

<child-component v-bind:props 속성 이름="상위 컴포넌트의 data 속성"></child-component>

 

v-bind 속성의 왼쪽 값으로 하위 컴포넌트에서 정의한 props 속성을 넣고, 오른쪽 값으로 하위 컴포넌트에 전달할 상위 컴포넌트의 data 속성을 지정