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

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

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

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

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

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