Arbete med metoder i ramverket Vue

I Vue kan du skapa egna funktioner, som i Vue-termer kallas metoder. För detta är egenskapen methods avsedd. Den placeras på följande sätt:

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

Härefter kommer jag för korthetens skull att skriva i förkortad form, så här:

App.vuemethods: {
  
}

Låt oss skapa någon slags testmetod:

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

Låt oss anropa denna metod i vyn. I det här fallet kommer den att aktiveras omedelbart när sidan laddas:

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