Տվյալների փոխանցում կոմպոնենտին 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>