실전 코드로 배우는 Vue.js

163

CHAPTER 04

컴포넌트 상호작용

4.1.2

prop

타입 유효성 검사 및 기본값

[예제

4

-

1

]은

name

prop

을

String

타입으로 선언했다. 런타임 도중 부모 컴포넌트가

name

prop

에 문자열이 아닌 값을 전달하면

Vue

는 경고를 보낸다. 이러한

Vue

의 타입 검사 기능

을 온전히 활용하려면 다음과 같은 전체 선언 구문을 살펴봐야 한다.

{

type: String | Number | Boolean | Array | Object | Date | Function | Symbol,

default?: any,

required?: boolean,

validator?: (value: any) => boolean

}

다음은 선언 구문의 각 항목에 대한 설명이다.

●

type

:

prop

의 타입. 내장 타입 혹은 생성자 함수 (또는 커스텀 클래스 )를 지정할 수 있다.

●

default

: 값이 전달되지 않았을 때

prop

의 기본값. 기본값이

Object

,

Function

,

Array

타입일 경우 초

기값을 반환하는 함수 형태로 정의한다.

●

required

:

prop

의 필수 여부를 나타내는 불리언값.

required

가

true

이면 부모 컴포넌트는

prop

에 값

을 반드시 전달해야 한다. 그렇지 않은 경우

prop

을 생략할 수 있다.

●

validator ...