Transmiterea datelor într-un component în JavaScript

Din componentul părinte, puteți transmite date către componentul copil. Pentru a face acest lucru, în eticheta componentului trebuie să scrieți atribute cu date. Să transmitem, de exemplu, numele și prenumele utilizatorului:

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

Astfel de date transmise se numesc props. Pentru ca componentul să primească aceste date, este necesar să enumerați numele lor în configurația props:

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

Acum datele transmise pot fi afișate în reprezentarea componentului copil:

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