การส่งคุณสมบัติของออบเจ็กต์ data ใน Vue

คุณยังสามารถส่งคุณสมบัติของออบเจ็กต์ data ไปยังคอมโพเนนต์ลูกได้อีกด้วย มาดู ตัวอย่างกัน สมมติว่าเรามี คุณสมบัติดังต่อไปนี้:

App.vuedata() {
  return {
    name: 'john',
    surn: 'smit',
  }
}

มาส่งค่าของพวกมันไปยังคอมโพเนนต์:

App.vue<template>
  <User :name="name" :surn="surn" />
</template>
Задание 1

สมมติว่าในคุณสมบัติของคอมโพเนนต์หลักมีการเก็บ ชื่อ เงินเดือน และอายุของพนักงานไว้ ส่งข้อมูลเหล่านี้ไปยังคอมโพเนนต์ Employee