Как передать пропсы через роутинг?

Question

[konst34]

Как передать пропсы через роутинг?
У меня есть такой роутинг:

const routes = [
  {
    path: "/",
    name: "Main",
    component: Main,
    children: [
      {
        path: "",
        component: Section,
      },
      {
        path: "/Catalog",
        name: "Catalog",
        component: Catalog,
        children: [
          {
            path: "/Catalog/Bread",
            component: Bread,
          },
        ],
      },
    ],
  },
];

Мне необходимо из компонента Catalog по адресу "/Catalog" передать значение переменной selected в компонент Bread по адресу "/Catalog/Bread".

Как это можно сделать?

Спасибо за помощь!

Answer 1

[SymphoGraph]

Во vue3 вы можете применить provide-inject.
В родителе:

const selected = ref({содержимое объекта})
provide('selected', selected)

В детях, внуках, правнуках:
const selected = inject('selected')