gistfile1.txt

<template>
  <div id="app" class="column is-half is-offset-one-quarter has-text-centered">
    <h1>Buttons!</h1>
    <button class="button is-large" v-on:click="buttonClick($event,'G')">g</button>
    <button class="button is-large" v-on:click="buttonClick($event,'C')">c</button>
    <button class="button is-large" v-on:click="buttonClick($event,'E')">e</button>
    <button class="button is-large" v-on:click="buttonClick($event,'A')">a</button>
    <button class="button">test</button>
  </div>
</template>

<script>
export default {
     name: 'app',
     methods: {
         buttonClick: function(event,note) {
             console.log("clicked ", note);
             currentNote = note;
         }
     },
     data () {
         return {
             msg: 'Welcome to Your Vue.js App',
             currentNote: 'C'
         }
     }
 }
</script>

<style>
</style>