title: Vue - Passing data from child to parent - Basic emit not working
body: <p>I have a basic Vue2 component and I am trying to pass data from the child to the parent component using <code>$emit</code>. <strong>Note,</strong> my-component contains a table where when I click on a row, onRowClick fires successfully, outputting 'foobar' to the console. For some reason, I'm not able to get the parent method to fire on $emit and success isn't being logged to console. Any idea why this is?</p>
  
  <pre><code>import Vue from 'vue';
  import MyComponent from "./components/MyComponent.vue";
  
  window.onload = function () {
     var main = new Vue({
        el: '#app-v2',
        components: { MyComponent },
        methods: {
           onCouponApplied(data) {
              console.log("Success, coupon applied, " + data);
              this.saying = "Sunglasses are " + data; //Sunglasses are cool
           }
        },
        data: {
           contactEditPage: {
              saying: ""
           }
        }
     });
  }
  </code></pre>
  
  <p>MyComponent.vue</p>
  
  <pre><code>export default {
          methods: {
              onRowClick(event){ 
                 this.$emit('applied', 'Cool');
                 console.log("foobar");
              }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="app-v2"&gt;
      &lt;my-component @applied="onCouponApplied"&gt;&lt;/my-component&gt;
       {{ saying }} //trying to output: sunglasses are cool
  &lt;/div&gt;
  </code></pre>