JSFiddle - React, Tailwind, and code Playground

by WILLIAM CORREA

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.25/vue.min.js"></script>
<body>
    <form action="#">
        <div>
            <label for="name">Name</label>
            <input type="text" id="name" name="name" v-model="name">
        </div>
        <div>
            <label for="email">E-mail</label>
            <input type="email" id="email" name="email" v-model="email">
        </div>
        <div><button type="submit" v-bind:disabled="!isValid">Submit</button></div>
    </form>
    <script>
        new Vue({
        el: 'body',
        data: {
          name: '',
          email: ''
        },
        computed: {
          isValid: function () {
            return this.name != '' && this.email != ''
          }
        }
    })
    </script>
</body>