title: Vuejs 2 image slider
body: <p>I have used flexslider in angularjs before. I am working on a laravel 5.3 project with vue.js 2. I have found a way to create a slider like in this <a href="https://jsfiddle.net/0f7w6f4j/4/" rel="nofollow noreferrer">jsfiddle</a> but what I want is to have arrows on the images like how flexslider does it. </p>
  
  <pre><code>    new Vue({
      el: 'image-slider',
      data: {
          images: ['http://i.imgur.com/vYdoAKu.jpg', 'http://i.imgur.com/PUD9HQL.jpg', 'http://i.imgur.com/Lfv18Sb.jpg', 'http://i.imgur.com/tmVJtna.jpg', 'http://i.imgur.com/ZfFAkWZ.jpg'],
          currentNumber: 0,
          timer: null
      },
  
      ready: function () {
          this.startRotation();
      },
  
      methods: {
          startRotation: function() {
              this.timer = setInterval(this.next, 3000);
          },
  
          stopRotation: function() {
              clearTimeout(this.timer);
              this.timer = null;
          },
  
          next: function() {
              this.currentNumber += 1
          },
          prev: function() {
              this.currentNumber -= 1
          }
      }
      });
  </code></pre>
  
  <p>Is there a package that does this or is there a way to modify the code to allow for that?</p>