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

​

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

<div id="list-complete-demo" class="demo">

  <button v-on:click="shuffle">Shuffle</button>

  <button v-on:click="add">Add</button>

  <button v-on:click="remove">Remove</button>

  <transition-group name="list-complete" tag="p">

    <span v-for="item in items" :key="item" class="list-complete-item">

      {{ item }}

    </span>

  </transition-group>

</div>

<script>

new Vue({

  el: '#list-complete-demo',

  data: {

    items: [1,2,3,4,5,6,7,8,9],

    nextNum: 10

  },

  methods: {

    randomIndex: function () {