Lucrul cu metode în framework-ul Vue

În Vue puteți crea propriile funcții, care în termenii Vue se numesc metode. Pentru aceasta este destinată proprietatea methods. Aceasta este plasată în felul următor:

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

În continuare, pentru concizie, voi scrie în formă prescurtată, astfel:

App.vuemethods: {
  
}

Să facem o metodă test de exemplu:

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

Să apelăm această metodă în view. În acest caz, aceasta va funcționa imediat la încărcarea paginii:

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