Vue-Resource Single Example

Using Vue and JSONPlaceholder.

by khamer

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.0.3/vue-resource.js"></script>
<div>
  <h2>
    {{ post.title }}
  </h2>
  {{ post.body }}
</div>

JavaScript

Vue.use(VueResource);

new Vue({
	el: 'body',
  data: {
  	post: null,
  },
  ready: function() {
    var resource = this.$resource('https://jsonplaceholder.typicode.com/posts{/id}');
    resource.get({id: 1}).then(function(response) {
    	this.post = response.body;
    })
  },
});