title: How to use Vue's Dynamic Component with a Fragment?
body: <p>Is it possible to use Vue's <code>&lt;component&gt;</code> to conditionally render a component or <em>nothing</em> instead?</p>
  <p>For instance, consider the following pattern:</p>
  <pre><code>&lt;component :is=&quot;hasTooltip ? 'CustomTooltip' : 'div'&quot;&gt;
    &lt;div&gt;Hover over me!&lt;/div&gt;
  &lt;/component&gt;
  </code></pre>
  <p>In this case, we are rendering a <code>CustomTooltip</code> component when the <code>hasTooltip</code> value is true, otherwise we are rendering a normal div. Is it possible to render a fragment in place of this div( like the <code>&lt;&gt;</code> fragment in React) that will get stripped out in the browser? How might this be accomplished? I'm on Vue 2.0.</p>
  <p>Conditionally rendering the component won't work because we want the &quot;Hover over me!&quot; text to render regardless.</p>