JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<div id="app">
  <ul>
    <li v-for="item in items">{{ item }}</li>
  </ul>
</div>

JavaScript

function loadList () {
  return new Promise(resolve => {
    setTimeout(() => resolve(['red', 'green', 'blue']), 1000)
  })
}

function loadList2 () {
  return new Promise(resolve => {
    setTimeout(() => resolve(['yellow']), 1000)
  })
}

Vue.createApp({
  data () {
    return {
      items: []
    }
  },
  
  async created () {
    const list = await loadList()
    
    this.items = list
    
    const list2 = await loadList2()
    
    list.push(...list2)
    
    console.log(list.join())
  }
}).mount('#app')