Duomenų perdavimas į komponentą JavaScript

Iš pagrindinio komponento galima perduoti duomenis į vaikinį komponentą. Tam komponento žymėje reikia parašyti atributus su duomenimis. Pavyzdžiui, perduokime vartotojo vardą ir pavardę:

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

Tokie perduoti duomenys vadinami propsais. Kad komponentas gautų šiuos duomenis, reikia išvardinti jų pavadinimus props nustatyme:

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

Dabar perduotus duomenis galima atvaizduoti vaikinio komponento vaizde:

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