Работа с методи във фреймуърка Vue

Във Vue можете да създавате свои собствени функции, които в терминологията на Vue се наричат методи. За това е предназначено свойството methods. То се разполага по следния начин:

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

За по-кратко оттук нататък ще пиша в съкратен вид, ето така:

App.vuemethods: {
  
}

Нека направим някакъв тестов метод:

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

Нека извикаме този метод в представлението. В този случай той ще се задейства веднага след зареждането на страницата:

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