JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.min.js"></script>
<div id="app">

</div>

JavaScript

var myAwesomeComponent = Vue.component({
	template: '<div><slot></slot></div>',
  data: function () {
  	return {
    	myAwesomeData: 'Message'
    }
  }
});

new Vue({
	el: '#app',
  template: '<my-awesome-component>{{ myAwesomeData }}</my-awesome-component>',
  components: {
  	myAwesomeComponent: myAwesomeComponent
  }
});