การทำงานกับเมธอดในเฟรมเวิร์ก Vue
ใน Vue คุณสามารถสร้างฟังก์ชันของคุณเองได้
ซึ่งในศัพท์เฉพาะของ Vue เรียกว่า
เมธอด สำหรับจุดประสงค์นี้มีคุณสมบัติ
methods มันถูกจัดวางไว้
ดังต่อไปนี้:
export default {
data() {
},
methods: {
}
}
ต่อไปเพื่อความกระชับ ฉันจะ เขียนในรูปแบบย่อ แบบนี้:
methods: {
}
มาสร้างเมธอดทดสอบ บางอย่างกัน:
methods: {
show: function() {
alert('!');
}
}
มาเรียกใช้เมธอดนี้ในเทมเพลต ในกรณีนี้มันจะทำงาน ทันทีเมื่อโหลดหน้าเว็บ:
<template>
{{ show() }}
</template>
สร้างเมธอดที่จะแสดง
วันที่ปัจจุบันผ่าน alert
