Metódusok kezelése a Vue keretrendszerben

A Vue-ban létrehozhatunk saját függvényeket, amelyeket Vue terminológiában metódusoknak neveznek. Erre szolgál a methods tulajdonság. A következőképpen helyezkedik el:

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

A továbbiakban a rövidség kedvéért rövidített formában fogok írni, így:

App.vuemethods: {
  
}

Készítsünk egy teszt metódust:

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

Hívjuk meg ezt a metódust a nézetben. Ebben az esetben az oldal betöltésekor azonnal lefut:

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