CHALLENGE 2: SOLUTION

Here is the solution of the previous challenge :-

• so , first we should already have our selected posts and things are already filled out.

• Then in methods ,we have addpost() and here, We are establishing a relationship in this new object between author, title and label with this.newAuthor, this.newTitle, this.newLabel. we have post array ,there we are pushing this new object that we created with all of the information onto that. (u can see in image above) Then we are emptying out all of those things, so we’re giving them empty strings again.

• If we go look at the post in the HTML, we have form @submit.prevent. we’re here not submitting on that button click. We’re submitting on the form itself and we’re preventing it from refreshing the page with that .prevent modifier. we have here addpost which you can call whenever you in the methods here.

• Moving on to the computed value, we have computed filteredbylable() similar to the other filter we created, we have RegExp that’s making sure that that capitalization isn’t gonna be a problem. And then we’re returning this.posts that establishes a relationship with this posts here. and then, we’re matching to the filter that we created.

• we’re going postFilteredByLabel here instead of going postThroughPost.

previous

CHALLENGE 2: UPDATING A BLOG

next

REACTIVE PROGRAMMING