JavaScript-те компонентке деректер беру
Аталық компоненттен балалық компонентке деректер беруге болады. Бұл үшін компонент тегінде деректері бар атрибуттарды жазу керек. Мысалы, қолданушының аты мен тегін берейік:
<template>
<User name="john" surn="smit" />
</template>
Мұндай берілген деректер
пропстар деп аталады.
Компонент осы деректерді алу үшін,
олардың атауларын
props баптауында көрсету керек:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Енді берілген деректерді балалық компоненттің көрінісінде көрсетуге болады:
<template>
{{ name }}
{{ surn }}
</template>
Employee компонентіне
жұмысшының атын, тегін және жасын беріңіз.
Employee компонентінің ішінде
оның әрбір пропсын
жеке тегте көрсетіңіз.