vue-router动态利用配置内容

一
script里面动态操作routers里面的配置可以用 this.$router this.$router包含多种可操作的类型，可以实现动态的把routers里面的配置显示到HTML页面当中。

1-this.$router.path //当前页面路径 2-this.$router.name //当前路径配置的名称
3-this.$router.matched //当前路由匹配项(为对象）
以name为例

<li v-for="item in matched "></li>
methods:{
this.matched = this.$route.matched.filter(item => item.name);
}

如上代码，可以拿到routers里面配置的一些列信息，动态显示到HTML中。