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

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

data() {
	return {
		name: 'john',
		surn: 'smit',
	}
}

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

<template>
	<User :name="name" :surn="surn" />
</template>

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