Datu nodošana komponentē JavaScript

No vecāka komponenta var nodāt datus uz bērna komponentu. Lai to izdarītu, komponenta tagā jāpievieno atribūti ar datiem. Piemēram, nodosim lietotāja vārdu un uzvārdu:

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

Šādi nodotie dati tiek saukti par propietībēm (props). Lai komponents šos datus saņemtu, tos ir jāuzskaita konfigurācijā props:

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

Tagad nodotos datus var attēlot bērna komponenta saskarnē:

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