Arbeiten mit Methoden im Vue-Framework

In Vue kann man eigene Funktionen erstellen, die in der Terminologie von Vue als Methoden bezeichnet werden. Dafür ist die Eigenschaft methods vorgesehen. Sie wird wie folgt platziert:

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

Der Kürze halber werde ich im Folgenden in gekürzter Form schreiben, so wie hier:

App.vuemethods: {
  
}

Lassen Sie uns eine Testmethode erstellen:

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

Rufen wir diese Methode im Template auf. In diesem Fall wird sie sofort beim Laden der Seite ausgeführt:

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