2 years ago

In this tutorial we're going to learn how to use v-model attribute with custom components to return the values of the custom component back to the parent component. The v-model attribute is a way of creating a two way binding between the user input and the vuejs component.

The component will then have a data property of message to record the same value the user entered.

In this section we'll look at what the v-model property does and how we can change the custom component to make this work.

Now we can use the v-model and it will change the data property of the parent component like this