เมธอดตัวช่วยใน Vue

เราสามารถสร้างเมธอดตัวช่วยขึ้นมาได้ ซึ่งจะถูกนำไปใช้ภายใน เมธอดอื่นๆ ต้องเรียกใช้เมธอดเหล่านี้ ผ่าน this ด้วย มาดูตัวอย่างกัน สมมติว่าเรามี เมธอดต่อไปนี้:

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

ลองสร้างเมธอดตัวช่วย ที่ทำหน้าที่แปลงตัวอักษรแรก ของสตริงที่รับมาให้เป็นตัวพิมพ์ใหญ่:

cape: function(str) {
	return str[0].toUpperCase() + str.slice(1);
}

มาใช้เมธอดตัวช่วย ภายในเมธอดหลักกัน:

methods: {
	show: function() {
		let text = this.cape(this.text);
		alert(text);
	},
	cape: function(str) {
		return str[0].toUpperCase() + str.slice(1);
	}
}

สร้างเมธอดตัวช่วย ที่รับพารามิเตอร์เป็น ตัวเลข และส่งคืนวันของสัปดาห์ ที่ตรงกับตัวเลขนั้น

สร้างเมธอดหลัก ที่ทำหน้าที่แสดงบนหน้าจอ ชื่อของวันในสัปดาห์ปัจจุบัน