JSFiddle - React, Tailwind, and code Playground

HTML

<script src='https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.7/vue.js'></script>

<div id='app'>
    <person-container :greeting="greeting"></person-container>
</div>

JavaScript

var vm = new Vue({
   el: '#app',
   data:{
       greeting: 'hi'
   },
   components:{
        'person-container':{
            props:['greeting'],
            data: function (){
                return { name: 'Chris' };
            },
            template: '<div> {{ greeting }}, {{ name }}</div>'
        }
   }
});