JSFiddle - React, Tailwind, and code Playground

HTML

<div id="app">
  <form>
    <input type="text" ref="my_input">
    <button @click.prevent="getFormValues()">Get values</button>
  </form>
  Output: {{ output }}
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
  	output: ''
  },
  methods: {
  	getFormValues () {
      this.output = this.$refs.my_input.value
    }
  }
})