title: Vue js <transition-group> can't get to work, at all
body: <p>I’ve been playing around with transitions a bit in Vue. I’ve got a test app that gets from a db then shows in a table format with v-for to populate the table cells. transition-group though, doesn’t seem to work at all. I’ve got:</p>
  
  <pre><code>&lt;table class="table" v-if="showTable"&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th&gt;#&lt;/th&gt;
            &lt;th&gt;First Name&lt;/th&gt;
            &lt;th&gt;Last Name&lt;/th&gt;
            &lt;th&gt;Username&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
          &lt;transition-group tag="tbody" enter-active-class="animated fadeInDownBig" leave-active-class="animated fadeOutRight"&gt;
              &lt;tr v-for="(value, key, index) in detailsData" v-bind:key="key"&gt;
                  &lt;th scope="row"&gt;{{value.details_key}}&lt;/th&gt;
                  &lt;td&gt;{{value.first_name}}&lt;/td&gt;
                  &lt;td&gt;{{value.last_name}}&lt;/td&gt;
                  &lt;td&gt;&lt;button class="btn btn-danger" @click="deleteEntry(value.details_key, key, $event)"&gt;Delete&lt;/button&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/transition-group&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>The classes I’m trying to use are part of Animate.css, they work fine with just tags. I’ve also tried adding a “name” tag and using my own css classes but nothing seems to work.</p>