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，一定要相同。这样一个动态的（可传可不穿传参数）路由就搞定了。