Vue에서 data 객체 속성 전달하기

data 객체의 속성도 하위 컴포넌트에 전달할 수 있습니다. 예제를 통해 살펴보겠습니다. 다음과 같은 속성이 있다고 가정해 봅시다:

App.vuedata() {
  return {
    name: 'john',
    surn: 'smit',
  }
}

이 값들을 컴포넌트에 전달해 보겠습니다:

App.vue<template>
  <User :name="name" :surn="surn" />
</template>