WORKING WITH METHODS

• A lot of times we’re probably not going to be changing the hue on the entire page on the mouse event.

Add comments using methods :

let’s understand this with this demo

• Here we can add comment and it will appear above with the other comments on page.

• So, initially we have newcomment as an empty screen and then we have comments - ‘I love the sea’ ,etc.

• As u can see in the image we have created a loop v-for =”comment in comments” and then outputted {{comment}}. Then established a relationship with newcomment using v-model. @key.enter=”addComment” is for showing the comment with other comment above only when we press enter after typing, it will not added until we press enter.

• Then we have addcomment() under methods, and then push new comment in comment. after that new comment will be empty string and this is how we can add multiple comment.

Methods in forms :

In this form when we submit form after filling it, it shows responses from the server.

• we have v-model for name that is connected to name which is an empty string initially , and we have declared it reqired that means the submit button will not appear until some entry is made in name field as it is required field.

• @submit.prevent for form submit.

previous

METHODS

next

COMPUTED PROPERTIES