Пренос података у компоненту у JavaScript

Из родитељске компоненте могуће је проследити податке у доњу компоненту. За то је потребно у ознаци компоненте написати атрибуте са подацима. На пример, проследимо име и презиме корисника:

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

Овако прослеђени подаци се називају пропсима. Да би компонента добила ове податке, потребно је навести њихова имена у подешавању props:

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

Сада се прослеђени подаци могу приказати у представу доње компоненте:

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