Object in v-model

[deer]

I tried to define an object in v-model in a parent component & then use it in child component(CarSearch.vue) but whenever I made changes & press the button , I get null for the changed object in the console .

I would like to know how I should modify my code to see the changed value in the console.
Here is my code in codesandbox .

[dobbel]

@deer

That’s because in Vue changes in props made by the child component don’t go down to the parent where they came from. You’ll have to use events to send changes from the child to the parent to update.

See:
https://medium.com/quick-code/vue-communication-patterns-an-intro-to-props-down-and-events-up-pattern-d53340d2c94

[deer]

@dobbel actually it’s possible to use change, I solved it you can check it out:
https://codesandbox.io/s/awesome-hooks-my4fk?file=/src/components/CarSearch.vue