vue.js 부모컴포넌트에서 자식컴포넌트로 데이터 전달방법

**부모컴포넌트 : ProductDetail.vue**
**자식컴포넌트 : ProductReview.vue**


ProductDetail.vue 코드 일부
```
<product-review v-bind:productName="product.name"></product-review> -------> 부모에서 자식으로 전달 방식
```

 ProductReview.vue 코드 일부
```
props: ['productName'] -------> <script>내부에 작성(자식이 부모의 데이터를 받는 방식)
<div>{{ productName }}</div> ---------> 받아온 데이터 사용
```