JSFiddle - React, Tailwind, and code Playground

HTML

<div id="vue">
<button @click="data = ['Apple','Microsoft','Google','Amazon']">Load data</button>
<child :data="data"></child>
</div>

JavaScript

new Vue({
	el:'#vue',
	data:{
  	data:undefined
  },
  components:{
  	child:{
    	props:['data'],
      template:`
     		<ul>
        	<li v-for="item in data">{{item}}</li>
        </ul>
      `
    }
  }
})