menu

JavaScript-те компонентке деректер беру

Аталық компоненттен балалық компонентке деректер беруге болады. Бұл үшін компонент тегінде деректері бар атрибуттарды жазу керек. Мысалы, қолданушының аты мен тегін берейік:

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

Мұндай берілген деректер пропстар деп аталады. Компонент осы деректерді алу үшін, олардың атауларын props баптауында көрсету керек:

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

Енді берілген деректерді балалық компоненттің көрінісінде көрсетуге болады:

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

Employee компонентіне жұмысшының атын, тегін және жасын беріңіз.

Employee компонентінің ішінде оның әрбір пропсын жеке тегте көрсетіңіз.

hufruzlpten