Javascript上的Slider无法正常工作

Question

简单JS滑块仅在第二张幻灯片图像上运行，并且不会继续运行。我正在使用vue.js，并尝试在其中应用js代码，没有错误，只是没有继续运行。

1。在另一个函数内调用一个函数（直到第二张幻灯片都起作用）

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/（俄语指南）