JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.0/vue.js"></script>
<div id="app">

  <ul>
    <li v-for="name in names">{{ name }}</li>
  </ul>
  
  <button @click="swapNames" type="button">change names</button>

</div>

JavaScript

new Vue({
	el: '#app',
  data: {
  	names: [
    	'Mike',
      'James',
      'Jacob'
    ]
  },
  methods: {
  	swapNames() {
    	this.names = [
      	'Emma',
        'Olivia',
        'Aria'
      ]
    }
  }
})