JSFiddle - React, Tailwind, and code Playground

by nerdycap007

HTML

<div id="app">
  <ul>
    <li v-for="item in items">{{item}}</li>
  </ul>
  <button @click="changeValAt(2, 'newVal')">
  Change value at index 2
  </button>
  <button @click="changeArrLength(2)">
  Reduce array length to 2
  </button>
</div>

Vue

var vm = new Vue({
	el:"#app",
  data: {
    items: ['val1', 'val2', 'val3']
  },
  methods: {
  	changeValAt(index, val) {
      Vue.set(this.items, index, val)
    },
    changeArrLength(newLength) {
    	this.items.splice(newLength)
    }
  }
})