JavaScriptте компонентке маалымат берүү

Ата-эне компоненттен бала компонентке маалымат берүүгө болот. Бул үчүн компоненттиң тегинде маалымат атрибуттарын жазышыңыз керек. Мисал үчүн, колдонуучунун атын жана фамилиясын берели:

App.vue<template>
  <User name="john" surn="smit" />
</template>

Ушул берилген маалыматтар пропстар деп аталат. Компонент бул маалыматтарды алуу үчүн, алардын аттарын props орнотууунда тизмелешиңиз керек:

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

Эми берилген маалыматтарды бала компоненттин көрүнүшүндө чыгарууга болот:

components/User.vue<template>
  {{ name }}
  {{ surn }}
</template>