이번 포스트에서는 props 사용 시 주의 사항에 대해 알아보자. props validation props로 다양한 타입의 데이터 전달 가능 props에는 문자열 뿐 아니라 모든 속성이 파라미터로 전달될 수 있다. 다음과 같은 Component를 생각해 보자. {{ name }} 나이: {{ age }}, 20년 후에는 {{ 20+age }} 살 전화: 번호는 {{ phone.number }}, 기종은 {{ phone.os }} 이 컴포넌트를 작성할 때 name은 문자열, age는 숫자, phone은 number와 os를 속성으로 갖는 객체를 고려했다. 따라서 아래의 입력과 출력이 원하는 상태이다. const user1 = { name: 'hong', age: 20, phone: { number: '12..
[vue 3] 03. 컴포넌트간 통신 2 props
이번 포스트에서는 props 사용 시 주의 사항에 대해 알아보자. props validation props로 다양한 타입의 데이터 전달 가능 props에는 문자열 뿐 아니라 모든 속성이 파라미터로 전달될 수 있다. 다음과 같은 Component를 생각해 보자. {{ name }} 나이: {{ age }}, 20년 후에는 {{ 20+age }} 살 전화: 번호는 {{ phone.number }}, 기종은 {{ phone.os }} 이 컴포넌트를 작성할 때 name은 문자열, age는 숫자, phone은 number와 os를 속성으로 갖는 객체를 고려했다. 따라서 아래의 입력과 출력이 원하는 상태이다. const user1 = { name: 'hong', age: 20, phone: { number: '12..
2023.08.25