JavaScript-daky komponente maglumat geçirmek
Ene komponentden çaga komponente maglumat geçirip bolýar. Bunun üçin komponent tegynde maglumatly atributlar ýazylmaly. Geliň, mysal üçin, ulanyjynyň adyny we familiýasyny geçireliň:
<template>
<User name="john" surn="smit" />
</template>
Şeýle geçirilen maglumatlar propslar diýilýär.
Komponent bu maglumatlary almak üçin,
olaryň adlaryny props sazlama wagtynda sanamaly:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Indi geçirilen maglumatlar çaga komponentiň görnüşinde görkezip bolýar:
<template>
{{ name }}
{{ surn }}
</template>
Employee komponentine işgäriň adyny,
familiýasyny we ýaşyny geçiriň.
Employee komponentiniň içinde onuň her bir
propsyny aýratyn tegde görkeziň.