Prenošanje podatkov v komponento v JavaScript

Iz starševske komponente lahko prenesemo podatke v podrejeno komponento. Za to v oznaki komponente napišemo atribute s podatki. Prenesimo na primer uporabnikovo ime in priimek:

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

Takšni preneseni podatki se imenujejo props. Da komponenta prejme te podatke, jih je treba navesti po imenih v nastavitvi props:

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

Zdaj lahko prenesene podatke prikažemo v predstavitvi podrejene komponente:

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