title: Animating simple v-if directive in Vue
body: <p>Is it possible to animate, more specifically "fadeOut" a div when it is being removed/destroyed do to a <code>v-if</code> conditional? </p>
  
  <p>I have the most basic conditional: </p>
  
  <pre><code>&lt;template v-if="initProxy"&gt;
    &lt;div class="page__boot"&gt;
    &lt;div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>In my components <code>data</code> prop, when I set <code>initProxy</code> to false, I'd like to fadeOut the rendered div before its destroyed, rather than it just abruptly disappearing. I know I'm missing something so trivial... suggestions?</p>