การทำงานกับเมธอดในเฟรมเวิร์ก Vue

ใน Vue คุณสามารถสร้างฟังก์ชันของคุณเองได้ ซึ่งในศัพท์เฉพาะของ Vue เรียกว่า เมธอด สำหรับจุดประสงค์นี้มีคุณสมบัติ methods มันถูกจัดวางไว้ ดังต่อไปนี้:

App.vueexport default {
  data() {
    
  },
  methods: {
    
  }
}

ต่อไปเพื่อความกระชับ ฉันจะ เขียนในรูปแบบย่อ แบบนี้:

App.vuemethods: {
  
}

มาสร้างเมธอดทดสอบ บางอย่างกัน:

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

มาเรียกใช้เมธอดนี้ในเทมเพลต ในกรณีนี้มันจะทำงาน ทันทีเมื่อโหลดหน้าเว็บ:

App.vue<template>
  {{ show() }}
</template>