JavaScriptте компонентке маалымат берүү

Ата-эне компоненттен бала компонентке маалымат берүүгө болот. Бул үчүн компоненттиң тегинде маалымат атрибуттарын жазышыңыз керек. Мисал үчүн, колдонуучунун атын жана фамилиясын берели:

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

Ушул берилген маалыматтар пропстар деп аталат. Компонент бул маалыматтарды алуу үчүн, алардын аттарын props орнотууунда тизмелешиңиз керек:

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

Эми берилген маалыматтарды бала компоненттин көрүнүшүндө чыгарууга болот:

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

Employee компонентине кызматчынын атын, фамилиясын жана жашын бериңиз.

Employee компонентинин ичинде анын ар бир пропсуна өзүнчө тегде көрсөтүңүз.