Overføring av data til en komponent i JavaScript

Fra en foreldrekomponent kan du overføre data til en underkomponent. For å gjøre dette skal du skrive attributter med data i komponentens tag. La oss for eksempel overføre brukerens fornavn og etternavn:

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

Slike overførte data kalles props. For at komponenten skal motta disse dataene, må du liste opp deres navn i innstillingen props:

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

Nå kan de overførte dataene vises i underkomponentens presentasjon:

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