How to pass value to router-view?

Question

JavaScript

I'm making a virtual lab and using vue. I use vue-router to provide navigation. Everything would be fine, but I need to switch between the experience itself and the theory of experience. To switch, I made buttons in the header, which are not included in vue-router.
I would like that when one button is pressed, there is a signal to switch to theory, and when another button is pressed, there is a signal to switch to practice.
UPD: I solved it using props on child components

Answer 1

So, what's the problem? Do it by clicking on the button this.$router.push(куда там вам надо).
In general, it’s not very clear - why are there some buttons, why router-linkdidn’t you like it?

Answer 2

Transfer with. props

this.$router.push({
   name: 'CalculateCreate',
   params: { calculationData: calculationData }
})