JSFiddle - React, Tailwind, and code Playground

by Simon Herteby

HTML

<div id="vue">
  <ul>
    <li v-for="n in 20" :class="{selected:n == selected}" @click="selected = n">{{n}}</li>
  </ul>
</div>

CSS

li:hover {
  background: #ddd
}

li.selected {
  background: yellow
}

JavaScript

new Vue({
  el: '#vue',
  data() {
    return {
      selected: 5
    }
  }
})