Vue-Resource List Example

Using Vue and JSONPlaceholder.

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.0.3/vue-resource.js"></script>
<div v-for="post in posts">
  <h2>
    {{ post.title.rendered }}
  </h2>
  {{ post.content.rendered }}
</div>

JavaScript

Vue.use(VueResource);

new Vue({
	el: 'page1',
  data: {
  	posts: [],
  },
  ready: function() {
    var resource = this.$resource('http://patryk-klimczak.pl/app/wp-json/wp/v2/posts');
    resource.get({}).then(function(response) {
    	this.posts = response.body;
    })
  },
});