vuejs

Integrating vue-resource 115
1 var vm = new Vue({
2 ...
3 methods: {
4 createStory: function(){
5 var newStory={
6 "plot": "",
7 "upvotes": 0,
8 "editing": true
9 };
10 this.stories.push(newStory);
11 },
12 }
13 })
1 Here's a list of all your stories.
2
3 Add a new one?
4
5
Info
The push() method adds new items to the end of an array, and returns the new length. You
can find more information about the push() method and its syntax Here⁵
As soon as the new variable is set, we push it to our stories array. We named the new function
createStory and we placed it in our Vue instance.
Right bellow our list, we have added a button. When the button is clicked, createStory method gets
invoked. Since the newStory.editing is set to true, the binded inputs for “plot” and “writer” along
with the ‘Edit action buttons’ are being rendered instantly.
Also, the new story object must be sent to the server in order to be stored in the database. We are
going to perform a POST request inside a method called storeStory.
⁵https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push