Arbejde med metoder i Vue-frameworket

I Vue kan du oprette dine egne funktioner, som i Vue-terminologi kaldes metoder. Til dette er egenskaben methods beregnet. Den er placeret på følgende måde:

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

Herefter vil jeg for korteks skyld skrive i forkortet form, sådan her:

App.vuemethods: {
  
}

Lad os lave en testmetode:

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

Lad os kalde denne metode i presentationen. I dette tilfælde vil den udføres straks ved indlæsning af siden:

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