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

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

App.vueshow: function() {
  alert(this.text);
}

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

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

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

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