JSFiddle - React, Tailwind, and code Playground

HTML

<div id="app">
  <hello-template v-for="person in persons" :name="person.name"/>
</div>

<script type="text/x-template" id="hello-template">
  <p>Hello {{name}}</p>
</script>

JavaScript

Vue.component('hello-template', {
  template: '#hello-template',
  props: ['name']
})

new Vue({
	el: '#app',
  data: {
  	persons: [
      {name: 'Вафель'}, 
      {name: 'Fragster'}
      ]
  }
});