Arbeid med metoder i rammeverket Vue

I Vue kan man opprette egne funksjoner, som i Vue-terminologi kalles metoder. For dette formålet er egenskapen methods beregnet. Den plasseres på følgende måte:

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

Herefter for korthets skyld vil jeg skrive i forkortet form, slik som dette:

App.vuemethods: {
  
}

La oss lage en testmetode:

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

La oss kalle denne metoden i visningen. I dette tilfellet vil den utløses umiddelbart ved lasting av siden:

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