Методы Vue.js. Как их создать?

Когда мы будем разрабатывать приложения на Vue.js, нужно сделать так, чтобы при взаимодействии с элементами на странице (кнопки, поля ввода и.т.д.), происходили какие-то события и действия, которые будет выполнять Vue.js.

Где это можно прописать?

Для описания действий в Vue.js есть такое свойство, которое называется methods. Это объект, который содержит список Javascript функций, которые должны выполняться в зависимости от того, какие действия производит пользователь. 

var app = new Vue(
        {
            ...
            el: '#app',
            methods: {
                methodTest() {
                    console.log('111');
                },
                methodTest2() {
                    console.log('222');
                }
            }
        }
    );

Пока эти методы не на что не влияют. Они просто прописаны и мы можем сказать, что наш Vue объект может делать это, это, ....

Пока он это не делает и не будет делать до тех пор, пока не произойдет какое-то событие. Каждый метод  в объекте Vue.js должен каким-то образом вызываться. 

Давайте в следующем видео посмотрим, как можно вызывать наши методы, чтобы они выполнились.