JSFiddle - React, Tailwind, and code Playground

HTML

<div id="alert-mouseover-example">
  <button id="alert-button" v-on:mouseover="showAlert(name)">Hover over to display Alert</button>
</div>

CSS

#alert-button {
  font-size: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto
}

JavaScript

var alertmouseoverexample = new Vue({
  el: '#alert-mouseover-example',
  data: {
  	name: 'Buddy'
  },
  methods: {

    showAlert: function(value) {
      alert('Hey hi, ' + value + '!')
    }

  }
})