Слайдер на Javascript не работает должным образом

Question

Простой JS Slider работает ТОЛЬКО для изображения 2-го слайда и не продолжает работать.Я использую vue.js и пытался применить там код js, ошибок нет, просто не продолжаю работать.

1. Вызов одной функции внутри другой (работает до 2-го слайда)

2.Функция внутри функции (работает до 2-го слайда)

3. Объединить две функции в одну (раздавить)

Мой код:

 slider: function() {
        var slides = document.querySelectorAll('#slides .slide');
        var currentSlide = 0;
        slides[currentSlide].className = 'slide';
        currentSlide = (currentSlide + 1) % slides.length;
        slides[currentSlide].className = 'slide showing';
    },

    nextSlide: function(){
            var slideInterval = setInterval(app.slider, 2000);
    }
},

Затем я иду app.slider () или app.NextSlide ().Запуск до 2-го слайда все время (или сокрушение с неопределенным)

Просто переведите его на 5-й слайд, а затем начните с первого, как и ожидалось.

---

Источниккод примера, который я пытаюсь применить: https://webformyself.com/kak-sdelat-prostoj-slajder-na-javascript-bez-jquery/ (русский гид)