Пренесување на податоци во компонента во 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>