Εργασία με μεθόδους στο πλαίσιο Vue

Στο Vue μπορείτε να δημιουργήσετε τις δικές σας συναρτήσεις, οι οποίες στον όρο Vue ονομάζονται μέθοδοι. Για αυτό προορίζεται η ιδιότητα methods. Βρίσκεται ως εξής:

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

Στη συνέχεια, για συντομία, θα γράφω σε συνοπτική μορφή, έτσι:

App.vuemethods: {
  
}

Ας φτιάξουμε κάποια δοκιμαστική μέθοδο:

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

Ας καλέσουμε αυτή τη μέθοδο στην προβολή. Σε αυτή την περίπτωση θα λειτουργήσει αμέσως με τη φόρτωση της σελίδας:

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