Props

최근에 Vue를 공부하게 되어서 Vue관련 노트한 내용들을 끄적여 볼까 해서 작성하게 되었습니다.

---

 

Props는 상위 컴포넌트의 데이터를 하위 컴포넌트로 전달하기 위한 방법 중에 하나입니다.

 

사용방법은 다음과 같습니다.

// 상위 컴포넌트
<post :변수명="전달할 데이터명" />


//ex) 상위 컴포넌트
<Mothercomponent :send="data" />

데이터 바인딩을 사용할때에는 콜론 ' : '을 사용해줍니다.

 

// 하위 컴포넌트

	export default {
    	props : {
        	전달 받은 변수명 : 데이터 타입
        }
    }
    
 // ex) 하위 컴포넌트
 props : {
 	send : String, // 이후 해당 컴포넌트에서 사용
 }

전달 받은 변수 명과 데이터타입을 props 안에서 선언해줍니다.

 

---