JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.3/vue.min.js"></script>
<div id="app">
  <ul>
    <li v-for="{ text, hidden } in items" :class="{ hidden }">
      <a href="">{{ text }}</a>
    </li>
  </ul>
</div>

CSS

.hidden {
  opacity: 0;
}

JavaScript

new Vue({
  el: '#app',
  data: {
    items: [...Array(20)].map((n, i) => ({
      text: i + 1,
      hidden: true,
    })),
  },
  mounted() {
    this.items.forEach((n, i) => {
      setTimeout(() => n.hidden = false, 300 * (i + 1));
    });
  },
});