🌠 개발 공부/📖 Vue

Vue.js 3 Composition Style 타입스크립트 정리

Props 타입 설정 기본 Props 정의 {{ props.message }} {{ props.numbers }} 키워드 '?'를 붙이면 Optional 한 Prop이 되고 붙이지 않으면 Required 한 Prop이 된다. Props Default 값 설정 기본 타입 Default 값 설정 {{ props.message }} Props의 Default 값을 설정하려면 Vue에서 제공해 주는 withDefaults라는 컴파일러 매크로를 사용해야 한다. 첫 번째 인수는 defineProps() 매크로를 넣어주고 두 번째 인수는 객체를 정의하여 각 Prop별로 default 값을 설정해 주면 된다. 배열(Array) Default 값 설정 {{ props.numbers }} 배열은 화살표 함수를 사용하여 d..