How to add dynamic components/partials in Vue.js
<p>I need to add child components dynamically to a component based on user interaction. I looked to some <a href="https://github.com/vuejs/Discussion/issues/254" rel="noreferrer">old issue</a> but it seems like a dirty hack to me, besides, it is an old issue, and vue development is really active, so I don't know if there is some better approach now. </p>

<p>What I've tried so far is here on <a href="https://jsfiddle.net/f5n5z5oo/1/" rel="noreferrer">this fiddle </a> but is obviously not working, it says that <code>$mount</code> can only be called once. I don't know how to do it, my other option would be dynamic component, but for that I would also have to add a <code>&lt;component&gt;</code> element dynamically so it turns to be almost the same issue.</p>

<p>So how could I add a component on client click or other client event?</p>