JSFiddle - React, Tailwind, and code Playground

HTML

<div id="app">
  <h1>Friend list</h1>
  <ul>
    <li v-for="friend in friends">{{ friend }}</li>
  </ul>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script>
  const options = {
    el: '#app',
    data: {
      friends: [
	    'Vue',
	    'React',
	    'Angular'
      ]
    }
  };
  const app = new Vue(options);
</script>