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

Question

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

Answer 1

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

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

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

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

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

这不就好了么，干嘛整那么麻烦！？

Answer 2

this.$router.options.routes

Answer 3

vue - 1.0
在组件里面通过 this.$route.router._recognizer.names 可以看到组件的所有路由信息，以键值对的方式存储的。