Передача данных в компонент в JavaScript
Из родительского компонента можно передавать данные в дочерний компонент. Для этого в теге компонента следует написать атрибуты с данными. Давайте, например, передадим имя и фамилию юзера:
<template>
<User name="john" surn="smit" />
</template>
Такие переданные данные называются
пропсами. Для того, чтобы
компонент получил эти данные,
необходимо перечислить их имена
в настройке props:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Теперь переданные данные можно вывести в представлении дочернего компонента:
<template>
{{ name }}
{{ surn }}
</template>
Передайте в компонент Employee.
имя, фамилию и возраст работника.
Внутри компонента Employee
выведите каждый из его пропсов
в отдельном теге.
