[Vue] 상위 컴포턴트와 하위 컴포넌트 간의 데이터 전달

1. 상위 컴포넌트 → 하위 컴포넌트 상위 컴포넌트에서 props를 이용해 하위 컴포넌트로 데이터를 보내고 / 하위 컴포넌트에서 v-bind로 데이터를 받는다. App.vue (상위 컴포넌트) getData.vue (하위 컴포넌트) 부모 컨포넌트 내용 : {{values}} 2. 하위 컴포넌트 → 상위 컴포넌트 하위 컴포넌트에서 $emit을 이용해 상위 컴포넌트로 데이터를 보내고 / 상위 컴포넌트에서는 v-one로 데이터를 받는다. sendData.vue (하위 컴포넌트) 자식 컴포턴트 내용 보내기 App.vue (상위 컴포넌트) 자식 컴포넌트 내용 : {{sendItem}}

2022.04.21