Menetelmien käyttö Vue-kehyksessä

Vuessa voit luoda omia funktioita, jotka Vuen termistössä kutsutaan menetelmiksi. Tätä varten on tarkoitettu ominaisuus methods. Se sijaitsee seuraavalla tavalla:

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

Seuraavaksi lyhyyden vuoksi minä kirjoitan lyhennetyssä muodossa, näin:

App.vuemethods: {
  
}

Tehdään jokin testimenetelmä:

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

Kutsutaan tätä menetelmää näkymässä. Tässä tapauksessa se toimii välittömästi sivun latauksen yhteydessä:

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