vue3 defineProps

defineProps는 vue3에서 props를 정의할 때 사용한다.

 

const props= defineProps({
	tableData : {
    	type : Array<
        	no : string;
            name : string;
            description : strin;
            ....
        >, default: [],
    },
    column : {type : Array<{}>, default : [],},
    type : {type : string, default : ""}
})

 

여기서 type은 말그대로 해당 props의 타입이다. default는 외부에서 props 데이터가 안왔을 경우 표시해서 사용할 수 있다.

만약 Array를 사용 할 경우에는 <>안에 객체 표시로 자바처럼 들어갈 타입을 명시할 수 있으며, 뷰에서는 테이터들이 어떤타입인지 까지도 몇시 할 수 있다.

 

 

+ 객체에 넣을 때 가끔 props()인지 props : 인지 헷갈리는 것 같다. ()가 들어가면 함수 이다 실제로는 객체 모양을 생각했을 때에

{
 키 : 값,
 키2 : 값2
 함수 : function(){
 	함수...
 }
}

이런 순이며 함수는 함수(): 로 줄일 수 있다.