Տվյալների փոխանցում կոմպոնենտին JavaScript-ում
Ծնող կոմպոնենտից կարելի է տվյալներ փոխանցել դուստր կոմպոնենտին: Դրա համար կոմպոնենտի թեգում պետք է գրել տվյալներով ատրիբուտներ: Եկեք, օրինակ, փոխանցենք օգտագործողի անունն ու ազգանունը:
<template>
<User name="john" surn="smit" />
</template>
Նման փոխանցված տվյալները կոչվում են
պրոպներ: Որպեսզի
կոմպոնենտը ստանա այդ տվյալները,
անհրաժեշտ է թվարկել դրանց անունները
props կարգավորման մեջ:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Այժմ փոխանցված տվյալները կարելի է արտացոլել դուստր կոմպոնենտի ներկայացման մեջ:
<template>
{{ name }}
{{ surn }}
</template>
Փոխանցեք Employee կոմպոնենտին
աշխատողի անունը, ազգանունը և տարիքը:
Employee կոմպոնենտի ներսում
արտացրեք նրա յուրաքանչյուր պրոպ
առանձին թեգում:
