JSFiddle - React, Tailwind, and code Playground

by vamsi krishna

HTML

<div id="app">
	<p>My Array</p>
	<p v-for="item in myArr">{{item.name}} : {{item.nestedArr}}</p>
<button @click="changeArrayItem">Change</button>
</div>

JavaScript

new Vue({
	el: '#app',
	data:{
		myArr : [
			{
				name: 'object-1',
				nestedArr: ['apple', 'banana']
			},
			{
				name: 'object-2',
				nestedArr: ['grapes', 'orange']
			}
		]
	},
	methods:{
		changeArrayItem: function(){
			this.$set(this.myArr[1].nestedArr, 1, 'strawberry');
		}
	}
})