JSFiddle - React, Tailwind, and code Playground

HTML

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

</script>
<script src="https://cdn.jsdelivr.net/vee-validate/2.0.0-beta.23/vee-validate.min.js"></script>

<script>
    Vue.use(VeeValidate);

</script>

<div id="app">

    <form v-on:submit.prevent="onSignin">

        <input type="email" name="email" v-model="info.email" v-validate="'required|email'">
        <span v-show="errors.has('email')" class="text-danger">{{ errors.first('email') }}</span>
        <button type="submit">Submit</button>
        <button type="button" v-on:click="clear_proc">Clear</button>

    </form>

</div>

JavaScript

var app = new Vue({
    el: '#app',
    data: {
        info: { email: '' }
    },

    methods: {

        onSignin: function (e) { },
        clear_proc: function (e) {
         
            this.info.email = ''
            this.errors.clear()
        }
    }
})