vuejs

Integrating vue-resource 120
1 Vue.component('story',{
2 ...
3 methods: {
4 ...
5 storeStory: function(story){
6 this.$http.post('/api/stories/', story).then(function() {
7 story.editing = false;
8 vm.fetchStories();
9 });
10 },
11 }
12 ...
13 })
That’s it! We can now create and edit any story we want.
10.3.3 Store & Update Unit
A better way to fix the previous issue, is to update only the newly created story from the database,
instead of fetching and overwriting all the stories. If you see the server response for the POST request
you will see that it returns the created story along with its id.
Server response after creating new story
The only thing we have to do, is to update our story to match the server’s one. So, we will set the
id of the response data, to story’s id attribute. We will do this inside the POST’s success callback.