Trasmissione dei dati al componente in JavaScript

Dal componente genitore è possibile trasmettere dati al componente figlio. Per fare ciò, nel tag del componente è necessario scrivere attributi con i dati. Ad esempio, trasmettiamo il nome e il cognome dell'utente:

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

Tali dati trasmessi sono chiamati props. Affinché il componente riceva questi dati, è necessario elencare i loro nomi nell'impostazione props:

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

Ora i dati trasmessi possono essere visualizzati nel template del componente figlio:

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