JSFiddle - React, Tailwind, and code Playground

HTML

<div id="app">
  <app-post :post="{'title': 'Cats', 'text': 'cats', 'date' : '2017-05-05'}"></app-post>
</div>


<script type="text/x-template" id="template">
   <div class="post">
    <div><b>{{ post.title }}</b></div>
    <div><b>{{ post.text }}</b></div>
    <div><b>{{ post.date }}</b></div>
  </div>
</script>

JavaScript

Vue.component('app-post', {
  template : '#template',
  props : ['post']
});

new Vue({
	el: '#app'
})