Kalimi i të dhënave në komponent në JavaScript

Nga komponenti prind mund të kaloni të dhëna në komponentin fëmijë. Për këtë, në tegjin e komponentit duhet të shkruani atribute me të dhëna. Le të kalojmë, për shembull, emrin dhe mbiemrin e përdoruesit:

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

Të dhëna të tilla të kaluara quhen props. Në mënyrë që komponenti të marrë këto të dhëna, është e nevojshme të renditen emrat e tyre në konfigurimin props:

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

Tani të dhënat e kaluara mund të shfaqen në pamjen e komponentit fëmijë:

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