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

Во Vue можно создавать свои функции, которые в терминах Vue называются методами. Для этого предназначено свойство methods. Оно располагается следующим образом:

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

Далее для краткости я буду писать в сокращенном виде, вот так:

App.vuemethods: {
  
}

Давайте сделаем какой-нибудь тестовый метод:

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

Вызовем этот метод в представлении. В этом случае он сработает сразу по загрузки страницы:

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