vue项目中如何实现动态路由

如何在vue项目中实现动态路由的运用，下面web建站小编给大家简单介绍一下具体实现方法！

vue路由定义

routes: [
  {
    path: '/user/:id',
    component: User
  }
]
//注意：使用冒号“:”定义参数

通过$route.params.id获取参数值

const User = {
  template: '<div>User {{ $route.params.id }}</div>'
}