Перадача даных у кампанент у 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>