title: trying to update parent from child emit in vue 2
body: <p>I have a child component which emits an event in the created function</p>
  
  <pre><code>created: function(){
      this.$emit('onPageTitleChange', this.pageTitle);
  
      this.updateList()
  }
  </code></pre>
  
  <p>i have this inside the #app div (that I'm assinging the vue instance to):</p>
  
  <pre><code>&lt;h2 class="no-margin-bottom" v-on:onPageTitleChange="updatePageTitle"&gt;{{ pageTitle }}&lt;/h2&gt;
  </code></pre>
  
  <p>and the vue app (the parent) has the upatePageTitle defined as: </p>
  
  <pre><code>methods: {
      updatePageTitle(title){
          this.pageTitle = title;
      }
  },
  </code></pre>
  
  <p>The page title is not changing - what am I missing?</p>