Lavorare con i metodi nel framework Vue

In Vue puoi creare le tue funzioni, che nella terminologia Vue sono chiamate metodi. A questo scopo è dedicata la proprietà methods. Si posiziona nel seguente modo:

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

D'ora in poi per brevità scriverò in forma abbreviata, così:

App.vuemethods: {
  
}

Creiamo un metodo di test:

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

Chiamiamo questo metodo nel template. In questo caso funzionerà immediatamente al caricamento della pagina:

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