JSFiddle - React, Tailwind, and code Playground

HTML

<div id="vue">

  
  <test-component></test-component>
</div>

JavaScript

Vue.component('test-component',{
	template: 'aa <ul v-for="item in items"><li>{{item}}</li></ul>',
	data: function (){
		return {
		items:[],
		}
	},
  created() {
    setTimeout(() => { //setTimeout to simulate ajax
      for (var i = 0; i < 50; i++) {
        this.items.push(i)
      }
    }, 1000)
  }
});


new Vue({
  el: '#vue',
  data: {
    list: []
  },
  created() {
    setTimeout(() => { //setTimeout to simulate ajax
      for (var i = 0; i < 50; i++) {
        this.list.push({id:i})
      }
    }, 1000)
  }
})