JSFiddle - React, Tailwind, and code Playground

by Simon Herteby

HTML

<div id="vue">
  <input v-model="text">{{text}}<br>
  <input v-for="item, i in items" v-model="items[i]">
</div>

CSS

.row{
  display:flex;
  width:100vw;
}
.row input{
  flex-shrink:1;
  flex-grow:1;
}

JavaScript

new Vue({
	el:'#vue',
  data(){
  	return {
    	items:[],
      text:''
    }
  },
  created(){
  	setInterval(()=>{
    	for(let i = 0; i < 300; i++){
      	this.$set(this.items, i, Math.random())
      }
    },100)
  }
})