vuejs

Integrating vue-resource 119
The fetchStories method
1 var vm = new Vue({
2 el: '#v-app',
3 data : {
4 stories: [],
5 },
6
7 ready : function(){
8 this.fetchStories()
9 },
10 methods: {
11 createStory: function(){
12 var newStory={
13 "plot": "",
14 "upvotes": 0,
15 "editing": true
16
17 };
18 this.stories.push(newStory);
19 },
20 fetchStories: function () {
21 this.$http.get('/api/stories')
22 .then(function (response) {
23 var storiesReady = response.data.map(function(story){
24 story.editing = false;
25 return story
26 })
27 this.$set('stories', storiesReady)
28 });
29 },
30 }
31 });
In our situation, we’ll call fetchStories() inside the success callback of the POST request.