JSFiddle - React, Tailwind, and code Playground

by PlĂ­nio Naves

HTML

<div id="app">
  <h1>Produtos: </h1>
	<ul>
	  <li v-for="produto in produtos">{{ texto }}: {{ produto }}</li>
	</ul>
</div>

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

JavaScript

new Vue({
	el: '#app',
	data: {
    texto: 'Produto',
    produtos: [
      'Monitor',
      'Teclado',
      'Mouse'
    ]
  }
});