Объект dataнинг хоссаларини Vue да ўтказиш

Объект dataнинг хоссаларини ҳам фарзанд компонентларга ўтказиш мумкин. Келиб, мисол кўриб чиқайлик. Фарз қилайлик, бизда куйидаги хоссалар мавжуд:

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

Уларнинг қийматларини компонентга ўтайлик:

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