Prenos dát do komponentu v JavaScripte

Z nadradeného komponentu je možné prenášať dáta do podradeného komponentu. Na tento účel by sa mali v značke komponentu napísať atribúty s údajmi. Prenesme napríklad meno a priezvisko používateľa:

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

Takéto prenášané údaje sa nazývajú props. Aby komponent tieto údaje prijal, je potrebné v nastavení props uviesť ich názvy:

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

Teraz je možné prenášané údaje zobraziť v šablóne podradeného komponentu:

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