JSFiddle - React, Tailwind, and code Playground

by WILLIAM CORREA

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div id="app">
  <form @submit="submit" action="#" method="post">
    <div class="form-group">
      <label for="description">Descrição</label>
      <input type="text" name="description" class="form-control" placeholder="Nome Curso" />
    </div>
    <button>Enviar</button>
  </form>
  <hr>
  <pre><div v-for="entry in log" v-html="entry"></div></pre>
</div>

CSS

body {
  padding: 10px;
}

JavaScript

new Vue({
  el: '#app',
  data: () => ({
  	log: []
  }),
  methods: {
    submit($event) {
    	this.log.push(`Try ${this.log.length}`)
      $event.preventDefault()
    }
  }
})