Дар 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>