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:
<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:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Acum datele transmise pot fi afișate în reprezentarea componentului copil:
<template>
{{ name }}
{{ surn }}
</template>
Transmiteți în componentul Employee
numele, prenumele și vârsta angajatului.
În interiorul componentului Employee
afișați fiecare dintre props-urile sale
într-o etichetă separată.
