VUEJS) props 사용법

부모.Vue

<template>
	<div>
    	<Child 
        :childData="parentData"
        />
	</div>
</template>

<script>
import Child from ./child

export default {
	name: 'Parents',
	component: {
	Child
    },
	data() {
    return {
    	parentsData: ''
        }
    }
}
</script>

 

자식.vue

<script>
export default {
	props: {
    	childData: {
        	type: String,	//부모가 보내는 데이터 형식 Object, Array, List...
        	default: () => {
            	return ''	//어떤 형식으로 받을 것인지 [], {}, { list:[] }...
            }
       }
 	},
    data() {
    	return {
        	myData: ''
        }
    },
    mounted() {
    this.myData = this.childData
    }
}
</script>