Vue.js display one data at a time from an array : <p>My requirement is something like this</p>

<ol>
<li>I have an array with few names.</li>
<li>I want to take first name from this array and display it inside the
div. After that I want to display the second name then third...</li>
<li>I want this to happen as an infinite loop and names should be changed after a one minute of time.</li>
</ol>

<p>How do I achieve this <strong>using Vue.js</strong></p>

<pre><code>&lt;template&gt;
  &lt;div class=""&gt;

  &lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;

export default {
  name: 'app',
  data () {
    return {
      names:["Jona","Jane","Kalana"]
    }
  }


}
&lt;/script&gt;
</code></pre>
