การทำงานกับข้อมูลภายในเมธอดของ Vue

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

data() {
	return {
		text: 'str',
	}
}

ภายในเมธอดลองแสดง ค่าของคุณสมบัตินี้:

methods: {
	show: function() {
		alert(this.text);
	}
}

สมมติว่าใน data มีตัวเลขสองตัว:

data() {
	return {
		num1: 1,
		num2: 2,
	},
}

สร้างเมธอดที่เมื่อเรียกใช้งาน จะแสดงผลรวมของตัวเลขของเราผ่าน alert