vue路由的通配符

1.通配符(*) 来配置 任何路径或者某种格式的路径

2.通配符一定放到 路由之后

3.$route.paramas增加一个 pathMatch的属性，通过该属性我们可以获得通配符的值；

import Vue from 'vue';
import Router from 'vue-router';
import notFound from '@/components/404';//404页面
import test from '@/components/test';

Vue.use(Router);

export default new Router({
  routes: [
    {
      path:'/test',
      name:'test',
      component:test
    },
    //通配符的使用
    {
      path: '/user-*',
      component:test
    },
    {
      path: '/role-*',
      component:test
    },
    {
      path: '/*',
      component:notFound
    }
  ]
})
{ path: '*' // 会匹配所有路径 } { path: '/user-*' // 会匹配以 `/user-` 开头的任意路径 }