首页 > vue 如何获取所有的路由信息并使用v-for打印出来

vue 如何获取所有的路由信息并使用v-for打印出来

vue 如何获取所有的路由信息并使用v-for打印出来?
比如我要把路由中的页面组件,全部使用v-for渲染出来形成一个目录,这样一个页面里面就有了所有的路由连接,并且可以访问。


在组装所有route的时候,你不是自己都有这些对象了吗,譬如:

router.map({
    '/foo': {
        component: Foo
    },
    '/bar': {
        component: Bar
    }
})

直接把路由提取出来放到一个单独的模块里,哪里需要,哪里引入,多好:

//导出路由
export default {
    '/foo': {
        component: Foo
    },
    '/bar': {
        component: Bar
    }
};

//引入的地方:
import routes from './routes';
router.map(routes);

这不就好了么,干嘛整那么麻烦!?

【热门文章】
【热门文章】