vue动态路由配置

最近写的一个项目，需要配置一个动态的路由，就是路径调到一个页面上去，而且后面的参数是可传可不传的。废话不多说看代码……
在index.js文件下

export default new Router({
  routes: [
    {
      //根路由
      path: '/',
      redirect: '/home'
    },
    {
      //注册页(1)
      path: '/register',
      name: 'register',
      component: Register,
    },
    {
      //注册页(2)
      path: '/register/:id',
      name: 'register',
      component: Register,
    },
 ]

你会发现我写了两个注册页面的路由，看//注册页(1)这里是不带参数的路由，//注册页(2)是带参数的路由，而且path: ‘/register/:id’ 路径后面加上：id 便是匹配任意的参数。最后两个路由的component: Register，一定要相同。这样一个动态的（可传可不穿传参数）路由就搞定了。