그림 설명 Vue 부모 구성 요소 하위 구성 요소 에 값 전달

1:src/components/child/폴 더 에서 child.vue 라 는 하위 구성 요 소 를 만 듭 니 다.

2:부모 구성 요소 에 전달 할 데 이 터 를 설정 합 니 다.

3:App.vue 에 하위 구성 요 소 를 도입 하고 등록 합 니 다.

4:v-bind 속성 을 통 해 하위 구성 요소 에 연결 하고 값 을 부여 합 니 다.

5:하위 구성 요 소 는 props 를 통 해 부모 구성 요소 가 전달 한 데 이 터 를 받 습 니 다.

6:보기

7:요약:
하위 구성 요 소 는 props 에 속성 을 만 듭 니 다.부모 구성 요소 가 보 내 는 값 부모 구성 요소 에 하위 구성 요 소 를 등록 하여 하위 구성 요소 탭 에 하위 구성 요소 props 에서 만 든 속성 을 추가 하여 하위 구성 요소 에 전달 할 값 을 이 속성 에 부여 합 니 다.

좋은 웹페이지 즐겨찾기