Praca z metodami w frameworku Vue

We Vue można tworzyć własne funkcje, które w terminologii Vue nazywane są metodami. Do tego przeznaczona jest właściwość methods. Jest ona umieszczana w następujący sposób:

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

Dla zwięzłości dalej będę pisać w formie skróconej, w ten sposób:

App.vuemethods: {
  
}

Stwórzmy jakąś testową metodę:

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

Wywołajmy tę metodę w widoku. W tym przypadku zadziała od razu po załadowaniu strony:

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