title: Vue.js equivalent of appendChild to dynamically add new element/component?
body: <p>In Vue.js, I have a <code>var app = new Vue({...});</code> and I have a component <code>Vue.component('mycomponent', ...</code> where I can use such component  without any issue by directly adding <code>&lt;mycomponent&gt;&lt;/mycomponent&gt;</code> in html. What I wish to do is to dynamically add those component on demand maybe after a button click or when some other such event takes place. In raw JS, I'd use <code>document.createElement...</code> when event fires and then do <code>el.appendChild..</code> to add it into html. How would I do the same with Vue.js ?</p>
  
  <p>I'm not doing anything fancy with node js. This is on a single html page with <code>&lt;script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"&gt;&lt;/script&gt;</code> in the <code>&lt;head&gt;</code>.</p>