JSFiddle - React, Tailwind, and code Playground

by vamsi krishna

HTML

<div id="app">
	<p>My Array</p>
	<p>{{myArr}}</p>
<button @click="changeArrayItem">Change</button>
</div>

JavaScript

new Vue({ 
	el: '#app', 
	data:{ 
		myArr : ['apple', 'orange', 'banana', 'grapes']
	}, 
	methods:{
		changeArrayItem: function(){ 
			//this will not work 
			//myArr[2] = 'strawberry'; 
			
			//Vue.$set(array, index, newValue) 
			this.$set(this.myArr, 2, 'strawberry'); 
		} 
	} 
})