[Vue.js] props 로 상위 컴포넌트에서 하위 컴포넌트로 데이터 내리기

누군가에게 도움이 되었으면 !

Vue에서 상위 컴포넌트와 하위 컴포넌트간 통신이 이루어질 때
emit 과 props 를 사용한다

저번에는 emit 을 설명했고 오늘은 props!

상위 컴포넌트 
<ToastMsgg ref="toastMsgg" :ToastCon="ToastCon" class="toast" />

 
 data(){
return {
	ToastCon:'내려보내고 싶은 데이터'
}

상위 컴포넌트 데이터인 ToastCon을 ToastCont속성으로 바인딩 하여 내려준다!!

하위 컴포넌트 
props:{
	ToastCon:{
		type: String,
        }
    }
   
    

상위 컴포넌트로 부터 props로 받아온 값을 value 로 만들어 준다!!