オブジェクトdataのプロパティをVueで渡す

子コンポーネントにオブジェクト data のプロパティを渡すこともできます。 例を見てみましょう。次のようなプロパティがあるとします：

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

これらの値をコンポーネントに渡します：

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