vue-route 公用组件问题

Question

公用组件的问题,比如 navbar 这个组件， user 和 group 这两个组件都会用到，所以想通用，我想到的是react里面那种路由方式。

代码：

  '/account': {
    component: require('./components/account/navbar'),
    subRoutes: {
      '/user': {
        component: require('./components/account/User')
      },
      '/group': {
        component: require('./components/account/group')
      }
    }
  }

在react里面 貌似公用navbar是不需要指定路由的,但是现在vue里面 我这个navbar这个组件是没有必要也不应该单独映射某一个路由的的，但是删掉的话会有问题/account/user会访问不到，我想做的是 能不能将

component: require('./components/account/navbar')

给删掉，或者禁用，就是说访问/account 的时候应该返回404.不要跳转到单独存在的navbar组件。

如果不可以的话 那就只能写成/account/user 对应一个路由 以及/account/group对应一个路由了........

目前我想到的只是可以在beforeEach函数里面做正则匹配...但是这个貌似有点繁琐啊 ！

anyone help?????

Answer 1

// ./components/account/User

module.exports = {
    ...
    components: {
        navbar: require('./components/account/navbar'),
    },
}