JSFiddle - React, Tailwind, and code Playground

by Rocka

HTML

<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<div id="app">
  <button @click="fn">fn</button>
  <ul>
    <li v-for="i of arr" :key="i.key">{{ i.text }}</li>
  </ul>
</div>

JavaScript

new Vue({
	el: '#app',
  data: () => ({
  	arr: [
    	{ key: 0, text: 'item#0' }
    ]
  }),
  methods: {
  	fn() {
    	const r = [];
    	for (let i = 0; i <= this.arr.length; i++) {
      	r.push({ key: i, text: `item#${i}` })
      }
      this.arr = r;
    }
  }
})