# Передача свойств объекта data в Vue

Можно также передавать в дочерние компоненты свойства объекта `data`. Давайте посмотрим на примере. Пусть у нас есть следующие свойства:

`data() { return { name: 'john', surn: 'smit', } }`

Передадим их значения в компонент:

`<template> <User :name="name" :surn="surn" /> </template>`

Пусть в свойствах родителя хранится имя, зарплата и возраст работника. Передайте эти данные в компонент `Employee`.

← →
↑