<script src="https://unpkg.com/vue/dist/vue.js"></script>

​

<script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.2.3/velocity.min.js"></script>

<div id="example-5" class="demo">

  <input v-model="query">

  <transition-group name="staggered-fade" tag="ul" v-bind:css="false" v-on:before-enter="beforeEnter" v-on:enter="enter" v-on:leave="leave">

    <li v-for="(item, index) in computedList" v-bind:key="item.msg" v-bind:data-index="index">{{ item.msg }}</li>

  </transition-group>

</div>

<script>

new Vue({

  el: '#example-5',

  data: {

    query: '',

    list: [

      { msg: 'Bruce Lee' },

      { msg: 'Jackie Chan' },

      { msg: 'Chuck Norris' },

      { msg: 'Jet Li' },

      { msg: 'Kung Fury' }

    ]

  },