title: Enable / Disable Vue Transitions based on boolean
body: <p>In Vue, can I somehow disable a transition-animation, based on a boolean?</p>
  
  <p>So now the animation is enabled:</p>
  
  <pre><code>&lt;transition name="fadeUp"&gt;
    &lt;div v-if="elIsVisible"&gt;
      &lt;p&gt;Foo Bar&lt;/p&gt;
    &lt;/div&gt;
  &lt;/transition&gt;
  </code></pre>
  
  <p>But I wish I do something like this:</p>
  
  <pre><code>&lt;transition name="fadeUp" animation-enabled="false"&gt;
    &lt;div v-if="elIsVisible"&gt;
      &lt;p&gt;Foo Bar&lt;/p&gt;
    &lt;/div&gt;
  &lt;/transition&gt;
  </code></pre>
  
  <p>Or perhaps a smart work-around? </p>
  
  <hr>
  
  <p>It's a for module-based website (one component per block), where it could be nifty if the user could enable/disable the animation for certain blocks. </p>