# Передача данных в компонент в JavaScript

Из родительского компонента можно передавать данные в дочерний компонент. Для этого в теге компонента следует написать атрибуты с данными. Давайте, например, передадим имя и фамилию юзера:

`<template> <User name="john" surn="smit" /> </template>`

Такие переданные данные называются пропсами. Для того, чтобы компонент получил эти данные, необходимо перечислить их имена в настройке `props`:

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

Теперь переданные данные можно вывести в представлении дочернего компонента:

`<template> {{ name }} {{ surn }} </template>`

Передайте в компонент `Employee`. имя, фамилию и возраст работника.

Внутри компонента `Employee` выведите каждый из его пропсов в отдельном теге.

← →
↑