Vue 3 component communication: parent, child, and sibling components

Thank you so much.

Thank you so much. I am new to vue js. I believed so much that there would be a communication between sibling componenets without it always passing through the parent component. We are facing a challenge where we have many dynamic forms that are displayed in the parent component using the : is component tag. Sometimes we would like to get an input from a form(child component) no matter which one it is and automatically display it in another form input field.

thanks so much it saved my day.

This is absolutely anti-pattern. Do not do this. Instead, use provide/inject. This is a terrible video.

great help! Really I was looking for some ideas on sibling communication, this video of yours has given some insight to me. Thanks

great help! Really I was looking for some ideas on sibling communication, this video of yours has given some insight to me. Thanks

i have done like the sibling components example but it says Uncaught (in promise) TypeError: (intermediate value).setWhatever is not a function

讲的很好，谢谢（点赞）

thanks for the informative video. just a quick question...

I have two components
1. flagcard ( just a div card showing a flag )
2. greeting ( a text input taking the name of country )
I need to achieve : if the user enter a country name in greeting component , then I have to pick that name and show in the second component - flagcard .
both are sibling components, how can I achieve this ?
I am super dummy with VueJS

+++

in this case store is sort of a composable. right? the side bar and the open state could be in a composable so that it would we reusable in other projects. I am correct?

Thank you, you explained it in such a clear way!

Fantastic, but can i get a cut of the 64k if i suggest using a simple event bus, something like Mitt?