JSFiddle - React, Tailwind, and code Playground

HTML

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

<div id="app">
  <button>Sort by name</button>
  
  <div v-for="user in users">
    {{ user.name }}
  </div>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    users: [
      {
      	name: 'Bcd'
      },
      {
      	name: 'Cde'
      },
      {
      	name: 'Abc'
      },
    ],
  }
})