JSFiddle - React, Tailwind, and code Playground

by Eric Zell

HTML

<script src="https://vuejs.org/js/vue.min.js"></script>
<div id="app">

  <div v-for="(value,n) in items" :data-index="n">
    {{ value }} - {{ n }}
  </div>

</div>

CSS

[data-index="0"] {
  color: red;
}

JavaScript

window.app = new Vue( {
	el: '#app',
	data: {
  	items: [
    	"bar",
    	"baz"
    ]
  }
} );