Edit in JSFiddle

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

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

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