title: why dynamically mounted vuejs content is not child component of root vue instance?
body: <p>I load some html containing customized component, and mount that content to a fixed node in parent component. Unfortunately, i found there is no parent-child relationship between them, so the events dispatched by dynamically inserted component can not be received by root vue.
  I have created one fiddle, any help or proposal is appreciated!.
  <a href="http://jsfiddle.net/matiascx/7Ljygv81/1/" rel="nofollow">http://jsfiddle.net/matiascx/7Ljygv81/1/</a></p>
  
  <pre><code>&lt;div id="app"&gt;
      &lt;button v-on="click: addNewElement()"&gt;Add custom Element&lt;/button&gt; 
      &lt;br /&gt;
      &lt;div id="dynamicloaded"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>new Vue({
      el: '#app',
      data: {
          sampleElement: '&lt;div class="dynamic-child"&gt;&lt;button v-on="click: test()"&gt;Test&lt;/button&gt;&lt;/div&gt;'
  
      },
      methods:{
          addNewElement: function(){
  
  
  
             var vmtemp = Vue.extend({
                              template: this.sampleElement,
                              methods: {
                               test: function(){
                                 alert("comes from dynamically loaded content");
                                 this.$dispatch('child-msg','this comes from ajax loaded component');
                               }
                              }
                          });
             new vmtemp().$mount(document.getElementById('dynamicloaded'));
          },
          test: function(){
             alert('Test');
          },
          events: {
           'child-msg': function(msg){
              console.log('message received'+msg);
           }
          }
      }
  });
  </code></pre>