title: append vue js component using jquery
body: <p>I'm trying to dynamically append <code>vue</code> components to my app using jquery. But nothing happens and appended element not rendering.</p>
  
  <pre><code>&lt;div id="app"&gt;
  
  
  &lt;/div&gt;
  
  &lt;script&gt;
    Vue.component('my-component', {
       template: '&lt;p&gt;This is component&lt;/p&gt;'
    });
  
    var Vue = new Vue({
      el: '#app'
    });
  
   $(document).ready(function(){
     $('#app').append('&lt;my-component&gt;&lt;/my-component&gt;');
   })
  &lt;/script&gt;
  </code></pre>
  
  <p>My desired result is that when appending <code>&lt;my-component&gt;&lt;/my-component&gt;</code> to <code>#app</code>, That become to specified template.</p>