Uhamishaji wa Data kwa Komponenți katika JavaScript

Kutoka kwa komponenți mzazi, inawezekana kuhamisha data kwa komponenți mtoto. Ili kufanya hivyo, kwenye kitambulisho cha komponenți andika sifa zilizo na data. Kwa mfano, tuhamishe jina la kwanza na jina la ukoo la mtumiaji:

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

Data kama hiyo iliyohamishwa inaitwa props. Ili komponenți ipate data hii, ni muhimu kutaja majina yake kwenye usanidi wa props:

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

Sasa data iliyohamishwa inaweza kuonyeshwa kwenye muonekano wa komponenți mtoto:

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