JavaScriptda komponentga ma'lumot uzatish

Ota komponentdan ma'lumotlarni voris komponentga uzatish mumkin. Buning uchun komponent teglarida ma'lumotlar bilan atributlar yozilishi kerak. Keling, masalan, foydalanuvchining ismi va familiyasini uzatamiz:

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

Ushbu uzatilgan ma'lumotlar propislar deb ataladi. Komponent ushbu ma'lumotlarni qabul qilishi uchun, ularning nomlarini props sozlamasida ko'rsatish kerak:

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

Endi uzatilgan ma'lumotlarni voris komponentning shablonida chiqarish mumkin:

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