What is 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 {{ $route.params.name }}, PostId: {{ $route.params.postid }}</div>'
}

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