JSFiddle - React, Tailwind, and code Playground

by kurotanshi

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<div id="app">
  <ul>
    <li v-for="(val, key, index) in book">
      {{ index }} / {{ key }} / {{ val }}
    </li>
  </ul>
</div>

SCSS

#app {
  display: block;  
  padding: 1rem;
}

li {
  list-style-type: disc;
}

JavaScript

const vm = Vue.createApp({
  data () {
    return {
      book: {
        title: '08js',
        author:  'Kuro',
        publishedAt: '2019/09'
      }
    }
  }
}).mount('#app');