JSFiddle - React, Tailwind, and code Playground

by chanonroy

HTML

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

<div id="app">

  <p> {{ title }} </p>  
  <hr>
  <div class="user" v-for="user in users">
    <p> Username: {{ user.username }} </p>
  </div>

</div>

CSS

.user {
  border: 1px solid lightgrey;
  padding: 10px;
  margin: 5px;
  border-radius: 5px;
  background-color: white;
}

JavaScript

new Vue({
    el: '#app',
    data: {
        title: 'Hello World!',
        users: [
        	{ username: 'Max' },
          { username: 'Dog' },
          { username: 'Goose' }
        ]
    }
});