dynamic route matching

Sometimes it may be required to map routes to the same component based on a pattern

Let’s take a user component with the mapped URLs like /user/john/post/123 and /user/jack/post/235 using dynamic segments

const User = {
  template: '<div>User , PostId: </div>'
}

const router = new VueRouter({
  routes: [
    // dynamic segments start with a colon
    { path: '/user/:name/post/:postid', component: User }
  ]
})