Перадача даных у кампанент у JavaScript

З бацькоўскага кампанента можна перадаваць даныя ў даччыны кампанент. Для гэтага ў тэгу кампанента варта напісаць атрыбуты з данымі. Давайце, напрыклад, перададзім імя і прозвішча карыстальніка:

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

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

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

Цяпер перададзеныя даныя можна вывесці ў прадстаўленні даччынага кампанента:

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

Перадайце ў кампанент Employee. імя, прозвішча і ўзрост работніка.

Усярэдзіне кампанента Employee выведзьце кожны з яго пропсаў у асобным тэгу.