JSFiddle - React, Tailwind, and code Playground

by Seetpal Singh

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
  <ul>
    <li v-for="(value, propertyName, index) in person">
      {{ propertyName }}: {{ value }} ({{ index }})
    </li>
  </ul>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    person: {
      firstName: 'Bo',
      lastName: 'Andersen',
      age: 27
    }
  }
});