How to organize communication between components in vue.js?

Question

Vue.js

There is a main component and a field for the "router", the content of which changes depending on the url. I can't reach the main component from the router component, pass values ​​and vice versa - from the main component to the child ones located in the router field.
How to call functions and pass values ​​to another vue.js component?

Answer 1

for example, store a reference to objects in global variables,
something like
window.myVue = { router : null, object1 : null }
window.myVue.router = /..here router initialization../