JavaScript-daky komponente maglumat geçirmek

Ene komponentden çaga komponente maglumat geçirip bolýar. Bunun üçin komponent tegynde maglumatly atributlar ýazylmaly. Geliň, mysal üçin, ulanyjynyň adyny we familiýasyny geçireliň:

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

Şeýle geçirilen maglumatlar propslar diýilýär. Komponent bu maglumatlary almak üçin, olaryň adlaryny props sazlama wagtynda sanamaly:

components/User.vue<script>
  export default {
    props: ['name', 'surn'],
    data() {
      return {
        
      }
    }
  }
</script>

Indi geçirilen maglumatlar çaga komponentiň görnüşinde görkezip bolýar:

components/User.vue<template>
  {{ name }}
  {{ surn }}
</template>