JSFiddle - React, Tailwind, and code Playground

HTML

<div class="sample">
  <ul>
    <li v-for="item in items">
      <span>{{ item }}</span>
      <input type="text">
    </li>
  </ul>
  <hr>
  <button class="btn btn-danger" @click="onShuffle">
    Shuffle
  </button>
</div>

JavaScript

let sample = new Vue({
  el: '.sample',
  data: {
    items: [
      'First',
      'Second',
      'Third'
    ]
  },
  methods: {
    onShuffle(){
      this.items = this.items.sort(() => Math.random() > 0.5 ? 1 : -1);
    }
  }
});