JSFiddle - React, Tailwind, and code Playground

HTML

<div id="vueRoot">
  <form ref="form" v-on:submit="submit">
    <input name="userName" v-model="userName">
    <button type="submit">SUBMIT</button>
  </form>
</div>

JavaScript

new Vue({
  el : "#vueRoot",
  data : {userName : 'Ivan'},
  methods : {
    submit : function(e){
    alert (`I form: ${this.userName}`)
    e.preventDefault() 
     // this.$refs.form.submit()
    }
  }
});