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>