JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.1/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.2.1/vue-resource.js"></script>
<div id="main">
  <pre>{{ summary | json }}</pre>
</div>

JavaScript

new Vue({

  el: '#main',

  data: {
    summary: null
  },
		methods: {
			updateSummary: function() {
      /*
				$.post( "summary.php", function( data ) {
					if(typeof response.body.summary != 'undefined'){
						this.summary = response.body.summary;
					}
				});
        */
				this.$http.post('summary.php').then(function(response) {
					if(typeof response.body.summary != 'undefined'){
						this.summary = response.body.summary;
					}
				});
			}
      },
		mounted: function () {
			this.updateSummary();

			setInterval(function () {
				this.updateSummary();
			}.bind(this), 2000);
		}
});