nested - 是否可以在 vuepress 中有子路线和路线视图？

Question

我试图在我的主页中有一个儿童路线视图，但在 vuepress 中找不到实现这一点的方法。

这就是我通常在 Vue 中的 router.js 中完成此操作的方式

    routes: [
        {
            path: '/',
            name: 'home',
            component: Home,
            children: [
                {
                    path: '/work/:worktitle',
                    name: 'workpage',
                    // component: () => import(/* webpackChunkName: "about" */ './views/WorkView.vue'),

                    component: WorkView,
                    props: true
                }
            ]
        }
    ]

但是我不知道在哪里可以将这样的代码放在 vuepress 中。（没有router.js）

我正在尝试完成此操作，因为我试图在我的主页中拥有一组链接，并且在单击时，我希望将这些链接的页面呈​​现为模式而不转到新页面。但我想保留直接链接到这些模式的能力。

Answer 1

.vuepress/enhanceApp.js与_router.addRoutes

// async function is also supported, too
export default ({
  Vue, // the version of Vue being used in the VuePress app
  options, // the options for the root Vue instance
  router, // the router instance for the app
  siteData, // site metadata
  isServer // is this enhancement applied in server-rendering or client
}) => {
  // ...apply enhancements to the app
  router.addRoutes([
    // ...
  ])
}