JavaScriptда компонентга маълумот узатиш
Ота компонентдан ёридичи компонентга маълумот узатиш мумкин. Бунинг учун компонент тегида маълумот билан атрибутлар ёзиш керак. Келтирилган мисолда, биз фойдаланувчининг исми ва фамилиясини узатамиз:
<template>
<User name="john" surn="smit" />
</template>
Ундай узатилган маълумотлар
пропслар деб аталади.
Компонент ушбу маълумотларни олиши учун,
уларнинг номларини
props мосламасида кўрсатиш керак:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Энди узатилган маълумотларни ёридичи компонентнинг кўринишида чиқариш мумкин:
<template>
{{ name }}
{{ surn }}
</template>
Employee компонентига
ходимнинг исми, фамилияси ва ёшини узатинг.
Employee компоненти ичида
унинг ҳар бир пропсини
алоҳида тегда чиқаринг.
