JSFiddle - React, Tailwind, and code Playground

HTML

<div id="app">
  <a v-for="(n, i) in items" :href="`#item_${i}`">{{ n }}</a>
  <ul>
    <li v-for="(n, i) in items" :id="`item_${i}`">{{ n }}</li>
  </ul>
</div>

SCSS

a {
  padding: 10px;
}

li {
  height: 600px;
}

Babel + JSX

new Vue({
  el: '#app',
  data: {
    items: [...Array(6)].map((n, i) => `item ${i + 1}`)
  }
});