Хусусиятҳои объекти data-ро дар Vue гузаронидан

Инчунин метавон хусусиятҳои объекти data-ро ба component-ҳои фарзандӣ гузаронданд. Биёед дар мисол дида бароем. Фарз кунем, ки мо чунин хусусиятҳо дорем:

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

Қиматҳои онҳоро ба component гузаронем:

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