title: VueJS - Is there a way to conditionally apply a transition?
body: <p>What I would like to do is create an alert box component with a custom reveal transition that is optional, something like this (edited for brevity):</p>
  
  <pre><code>&lt;template&gt;
      &lt;transition v-if="withTransition"&gt;
          &lt;b-alert v-bind="this.$attrs" /&gt;
      &lt;/transition&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>I will have a <code>withTransition</code> prop that ideally will conditionally render only the transition effect, and not affect the rendering of the alert box.</p>
  
  <p><code>v-if</code> and <code>v-show</code> won't work because those properties would show and hide the alert component as well. Plus, AFAIK <code>&lt;transition&gt;</code> does not render as a DOM element, so I'm not sure how that could be conditionally rendered, if at all.</p>
  
  <p>Any suggestions?</p>