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);
  }
}