JSFiddle - React, Tailwind, and code Playground

HTML

<div id="app">
  <a v-for="n in items" :href="`#${n.id}`">{{ n.id }}</a>
  <section v-for="n in items" :id="n.id">
    <h2>{{ n.content }}</h2>
  </section>
</div>

SCSS

a {
  padding: 10px;
}

section {
  height: 600px;
}

Babel + JSX

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