JSFiddle - React, Tailwind, and code Playground

by Simon Herteby

HTML

<div id="vue">
<input type="number" v-model="access" max="9" min="0">
<input v-model="stuff[access]"><br>
<button @click="store = stuff[access]">Store</button>
<button @click="$set(stuff, access, store)">Load</button>
<input v-model="store">
<div v-for="item, n in stuff" :class="{selected:n == access}">
{{n}}: {{item}}
</div>
</div>

CSS

.selected{
  background:#aff;
}

JavaScript

new Vue({
	el:'#vue',
  data(){
  	return{
    	stuff:new Array(10),
      access:0,
      store:''
    }
  }
})