JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.jsdelivr.net/vue/1.0.28/vue.min.js"></script>
<div id="demo">
  <div v-for="item in items | orderBy 'name'">
      {{ item.name }}
  </div>
  <button @click="addItemToArray">
    Add Item
  </button>
</div>

JavaScript

new Vue({
	el: '#demo',
	data: {
  	 items: [
            {
                name: 'Kex'
            },
            {
                name: 'Paul'
            }
        ]
  },
  methods: {
  	addItemToArray() {
    	let item = { name: 'Jon' }
    	this.items.push(item)
    }
  }
});