การส่งพารามิเตอร์ให้เมธอดใน Vue

สามารถส่งพารามิเตอร์ให้เมธอด ที่ผูกไว้เป็นตัวจัดการเหตุการณ์ได้ มาดูกันในทางปฏิบัติ สมมติว่าเรามีเมธอดต่อไปนี้ รับพารามิเตอร์เป็นข้อความ ที่ต้องการแสดง:

App.vuemethods: {
  show: function(str) {
    alert(str);
  }
}

ลองผูกเมธอดนี้กับแท็กต่างๆ โดยส่งข้อความเป็นพารามิเตอร์ เพื่อแสดงผล:

App.vue<template>
  <button @click="show('text1')">btn1</button>
  <button @click="show('text2')">btn2</button>
</template>
Задание 1

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

Задание 2

สร้างปุ่มสองปุ่ม เมื่อกด ปุ่มแรกให้แสดง กำลังสองของเลข 2 และเมื่อกดปุ่มที่สอง - กำลังสองของเลข 3