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([
    // ...
  ])
}

vuepress中是否可以有子级路线和路线视图？

1 个答案: