<template>
  <div>
    <button @click="handleSubmit">
      Click Me!
    </button>
    <div
      class="message"
      v-if="submitted"
    >
      Hello Stranger.
    </div>
  </div>
</template>

<script>
  export default {
    name: "GreetingButton",

    data() {
      return {
        submitted: false
      }
    },

    methods: {
      handleSubmit() {
        this.submitted = true
      }
    }
  }
</script>