Prosleđivanje podataka komponenti u JavaScript-u

Iz roditeljske komponente moguće je proslediti podatke podređenoj komponenti. Za to je potrebno u tagu komponente napisati atribute sa podacima. Hajde da, na primer, prosledimo ime i prezime korisnika:

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

Takvi prosleđeni podaci nazivaju se propovima. Da bi komponenta primila ove podatke, potrebno je navesti njihova imena u opciji props:

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

Sada se prosleđeni podaci mogu prikazati u prikazu podređene komponente:

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