Vue에서 data 객체 속성 전달하기
data 객체의 속성도 하위 컴포넌트에 전달할 수 있습니다.
예제를 통해 살펴보겠습니다. 다음과 같은 속성이 있다고 가정해 봅시다:
data() {
return {
name: 'john',
surn: 'smit',
}
}
이 값들을 컴포넌트에 전달해 보겠습니다:
<template>
<User :name="name" :surn="surn" />
</template>
부모의 속성에 직원의 이름, 급여 및 나이가 저장되어 있다고 가정합니다.
이 데이터들을 Employee 컴포넌트에 전달하세요.
