JavaScriptда компонентга маълумот узатиш

Ота компонентдан ёридичи компонентга маълумот узатиш мумкин. Бунинг учун компонент тегида маълумот билан атрибутлар ёзиш керак. Келтирилган мисолда, биз фойдаланувчининг исми ва фамилиясини узатамиз:

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

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

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

Энди узатилган маълумотларни ёридичи компонентнинг кўринишида чиқариш мумкин:

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

Employee компонентига ходимнинг исми, фамилияси ва ёшини узатинг.

Employee компоненти ичида унинг ҳар бир пропсини алоҳида тегда чиқаринг.