this is my routing configuration
{
            path: "/todo/Todo",
            name: "Todo",
            component: () => import("./views/todo/Todo"),
            meta: {
                title: ""
            }
        },
        {
            path: "/todo/TodoDetail",
            name: "TodoDetail",
            component: () => import("./views/todo/TodoDetail"),
            meta: {
                title: ""
            }
        },
        {
            path: "/statistics/AssetsPackageStatistics",
            name: "AssetsPackageStatistics",
            component: () => import("./views/statistics/AssetsPackageStatistics"),
            meta: {
                title: ""
            }
        }, all routes are not nested and are written in this way. Now change to nested, more troublesome 
 requirements are like this 
 1, when I click from the home page to go to the details page of a page. Bread crumbs become the home page / details page 
 2, when I enter the details page from the navigation page A to the home page / A / details page 
 question: how can this be realized? 
 I used the global guard, but the data I got cannot be used 
