title: vue transitions without having to use v-if / v-show
body: <p>Brief question since I'm new to Vue transitions. My question is if it possible to apply a transition to an element/component without re-rendering it. Hence, not with the use of v-if or v-show. My use case is expanding and shrinking a div component by pressing two different title bar buttons, therefore i don't want the element to be re-rendered upon transition. Thx for answers!</p>
  <p>from the code below i want to apply the expand transition when pressing the &quot;maximize&quot; button and reverse the transition with the &quot;minimize button&quot;</p>
  <pre><code>&lt;template&gt;   
  &lt;transition  name=&quot;expand&quot;&gt;     
  &lt;div&gt;         
  &lt;div class=&quot;title-bar-controls&quot; @mousedown.stop&gt;           
  &lt;Button aria-label=&quot;Minimize&quot; @click=&quot;windowToggle('minimize')&quot;&gt;&lt;/Button&gt;           
  &lt;Button aria-label=&quot;Maximize&quot; @click=&quot;windowToggle('maximize')&quot;&gt;&lt;/Button&gt;           
  &lt;Button aria-label=&quot;Close&quot; @click=&quot;hideContainer&quot;&gt;&lt;/Button&gt;         
  &lt;/div&gt;     
  &lt;/div&gt;   
  &lt;/transition&gt;
  </code></pre>