<div id="app">
  <button v-on:click="items.reverse()">Reverses</button>
  <transition-group name="flip-list" tag="ul">
    <li v-for="item in items" v-bind:key="item" class="list-item">
      {{ item }}
    </li>
  </transition-group>
</div>

.flip-list-move {
  transition: transform 1s;
}

const vm = new Vue({
  el: '#app',
  data: {
    items: [1, 2, 3, 4, 5, 6, 7, 8, 9],
  },
});